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. Build Advanced Components with React Hooks
React
Video

Build Advanced Components with React Hooks

by Matías Hernández
Enroll
🕹️ Levels: 😎 Intermediate
⏳ Duration: 0.5 hours
🤑 Price: Free
🧑‍💻 Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Manage React component state with useState.
  • Share values throughout an application with Context.
  • Build a React compound component.
  • Render multiple pages in a Wizard form.
  • Handle complex state updates with useReducer.

👨‍🏫 About the Course

This course delves into the new React Hooks API, providing a step-by-step guide to building a complex component using different design patterns. Starting with a simple <Wizard> component using the useState hook, each lesson enhances the implementation with various strategies. By the end, you'll have a fully functional Wizard component with a flexible API, utilizing useState, useReducer, useContext, useEffect, and useCallback, along with popular design patterns for React applications.

🎯 Target Audience

  • Ideal for intermediate developers familiar with React who want to deepen their understanding of React Hooks and advanced component building.

✅ Requirements

  • Basic knowledge of React is required.
  • Familiarity with React Hooks is recommended.

📖 Course Content

  • Build a Wizard Component using useState React Hooks.
  • Create a Wizard Component Using Compound Components and useContext React Hook.
  • Validate use of Context using a custom hook and the useContext React hook.
  • Use useEffect React Hook to Define the Total Number of Pages for the Wizard Component.
  • Manage Component State by Using The useReducer and useCallback React Hooks.
  • Implement The State Reducer Pattern Using The useReducer React Hook.
  • Create a Flexible API by Using Custom React Hooks.
Update Course

Drop a comment

Build Advanced Components with React Hooks by Matías Hernández

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

ReactReactReact NativeReact NativeNativeNative

Build a React Native Todo Application
Video

by Jason Brown

🕹️ Levels: 🌱 Beginner

⏳ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍💻 Learning Platform: Egghead.io

Next.jsNext.jsReactReact

Create an eCommerce Store with Next.js and Stripe Checkout
Video

by Colby Fayock

🕹️ Levels: 😎 Intermediate

⏳ Duration: 1.5 hours

🤑 Price: Subscription

🧑‍💻 Learning Platform: Egghead.io

ReactReact

MERN Stack From Scratch: Build A Full-Featured eCommerce Platform
Video

by Brad Traversy

🕹️ Levels: 😎 Intermediate

⏳ Duration: 11.5 hours

🤑 Price: 25

🔙 Back to React Category