Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
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
  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?

ReduxReduxReactReact

Redux Fundamentals (feat. React)
Video

by Steve Kinney

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactNext.jsNext.jsAIAI

Create Contextual Video Analysis App with NextJS and Symbl.ai
Video

by Vladimir Novick

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

ReactReact

Simplify State Management with React Query
Video

by Tomasz Ducin

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to React Category