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. 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?

TypeScriptTypeScriptReactReact

React and TypeScript, v2
Video

by Steve Kinney

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactJavaScriptJavaScript

Develop Accessible Web Apps with React
Video

by Erin Doyle

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 1.5 hours

🤑 Price: Free

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

ReactReact

Epic React
VideoInteractive

by Kent C. Dodds

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

âŗ Duration: 20 hours

🤑 Price: $199 - $599

🔙 Back to React Category