Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright © 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Reusable State and Effects with React Hooks
React
Video

Reusable State and Effects with React Hooks

by Elijah Manor
Enroll
🕹️ Levels: 😎 Intermediate
⏳ Duration: 1 hours
🤑 Price: Subscription
🧑‍💻 Learning Platform: Egghead.io
🧑‍🎓 Certificate: Yes

🔑 Key Learning Outcomes

  • Understanding how to run side-effects with the useEffect hook.
  • Writing custom hooks to share logic in your app.
  • Simplifying the Context API with the useContext hook.
  • Updating state with dispatch actions using the useReducer hook.
  • Optimizing Components with useMemo.

👨‍🏫 About the Course

This course delves into the concepts of React hooks, demonstrating how to add state and effects to Function Components. Through various demos, you will learn how to convert Class Components to Function Components and create custom hooks for shared logic.

🎯 Target Audience

  • Ideal for developers familiar with React who want to enhance their understanding of React hooks and improve the efficiency of their applications.

✅ Requirements

  • Basic knowledge of React is required.
  • Familiarity with JavaScript and functional components is recommended.

📖 Course Content

  • Introduction to Reusable State and Effects with React Hooks.
  • Environment Setup for React Hooks.
  • Adding State with the useState Hook.
  • Adding Linting for React Hooks.
  • Implementing Lifecycle Events with the useEffect Hook.
  • Using the useRef Hook.
  • Writing Custom Hooks.
  • Leveraging Community Hooks.
  • Implementing useReducer Hook.
  • Working with useContext Hook.
  • Simulating PureComponent.
  • Utilizing useMemo Hook.
  • Converting Render Props Component with Custom Hooks.
Update Course

Drop a comment

Reusable State and Effects with React Hooks by Elijah Manor

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

Next.jsNext.jsReactReact

Create a GitHub-Powered Blog With Keystatic and Next.js
Video

by Simon Vrachliotis

🕹️ Levels: 😎 Intermediate

⏳ Duration: 1.5 hours

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

ReactReactJavaScriptJavaScript

Develop Accessible Web Apps with React
Video

by Erin Doyle

🕹️ Levels: 🌱 Beginner

⏳ Duration: 1.5 hours

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

ReactReact

Learn React lazy, memo, useState and useEffect in 7 minutes
Video

by Tomasz Łakomy

🕹️ Levels: 🌱 Beginner

⏳ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍💻 Learning Platform: Egghead.io

🔙 Back to React Category