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?

ReactReact

Build an App with React Suspense
Video

by Michael Chan

đŸ•šī¸ Levels: 🚀 Advanced

âŗ Duration: 1.5 hours

🤑 Price: Subscription

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

ReactReact

Build Maps with React Leaflet
Video

by Colby Fayock

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Subscription

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

ReactReact

Learn React: Lifecycle Methods
WrittenInteractive

by Jiwon Shin

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 1 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

🔙 Back to React Category