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. Simplify React Apps with React Hooks
React
Video

Simplify React Apps with React Hooks

by Kent C. Dodds
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 0.5 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding how to refactor class components to function components using React Hooks features.
  • Exploring state management, side effects, asynchronous code, caching, and more.

👨‍đŸĢ About the Course

This course led by Kent C. Dodds focuses on simplifying React applications by leveraging the power of React Hooks. Learn to transition from class components to function components, gaining insights into various aspects of React development.

đŸŽ¯ Target Audience

  • Ideal for developers with a basic understanding of React who want to enhance their skills by learning modern React practices with hooks.

✅ Requirements

  • Basic knowledge of React and familiarity with class components in React.

📖 Course Content

  • Introduction to Refactoring a React Application to React Hooks.
  • Refactor a Class Component with React hooks to a Function.
  • Handle Deep Object Comparison in React's useEffect hook with the useRef Hook.
  • Safely setState on a Mounted React Component through the useEffect Hook.
  • Extract Generic React Hook Code into Custom React Hooks.
  • Track Values Over the Course of Renders with React useRef in a Custom usePrevious Hook.
  • Refactor a React Class Component with useContext and useState Hooks.
  • Refactor a render Prop Component to a Custom React Hook.
  • Handle componentDidMount and componentWillUnmount in React Component Refactor to Hooks.
  • Dynamically Import React Components with React.lazy and Suspense.
  • Preload React Components with the useEffect Hook.
Update Course

Drop a comment

Simplify React Apps with React Hooks by Kent C. Dodds

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

TypeScriptTypeScriptReactReactNetlifyNetlify

Deploy a Serverless API React Application with TypeScript
Video

by Jason Lengstorf

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Subscription

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

Next.jsNext.jsReactReact

Modern CMS Driven Web Applications with Strapi and Next 13
Video

by Daniel Phiri

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 1 hours

🤑 Price: Subscription

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

ReactReactJavaScriptJavaScriptNxNx

Scale React Development with Nx
Video

by Juri Strumpflohner

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1.5 hours

🤑 Price: Free

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

🔙 Back to React Category