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?

ReactReactJavaScriptJavaScript

Develop Accessible Web Apps with React
Video

by Erin Doyle

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 1.5 hours

🤑 Price: Free

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

ReactReactJavaScriptJavaScript

Modern JavaScript Tooling with React
Video

by Andy Van Slaars

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 2.5 hours

🤑 Price: Subscription

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

ReactReact

React 101
WrittenInteractive

đŸ•šī¸ Levels: 🌱 Beginner

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

🔙 Back to React Category