🔑 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.
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?
React PerformanceVideo
by Steve Kinney
🕹️ Levels: 😎 Intermediate, 🚀 Advanced
⏳ Duration: 4.5 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Frontend Masters
Learn Redux: Redux ToolkitWrittenInteractive
🕹️ Levels: 🌱 Beginner
⏳ Duration: 1 hours
🤑 Price: Free
🧑💻 Learning Platform: Codecademy
React Hooks in Function ComponentsVideo
by Chris Achard
🕹️ Levels: 😎 Intermediate
⏳ Duration: 0.5 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io