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?

ReactReactGraphQLGraphQL

Client-Side GraphQL with React
Video

by Scott Moss

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReact

React State Management Expert Interviews
Video

by Joel Hooks

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 7.5 hours

🤑 Price: Free

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

ReactReactTestingTesting

Testing React Apps with React Testing Library
Video

by Mosh Hamedani

đŸ•šī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 7 hours

🤑 Price: Subscription

🔙 Back to React Category