TOIT Training

Facebook X-twitter Linkedin Instagram
Menu
Advanced
React Courses

Build Reusable React

Overview
Curriculum
  • 4 Sections
  • 32 Lessons
  • 4h Duration
Collapse All
Introduction - Reusable React Fundamentals
5 Lessons
  1. Course Introduction
  2. Rendering and Props
  3. Frontend Career Path
  4. Custom Events and Props
  5. Fundamentals Exercise: Badge Component
 Controlled Components and Refs
9 Lessons
  1. Building an Interactive Form
  2. What Does “Controlled” Mean?
  3. Character Counter Input
  4. State in Class vs Function Components
  5. Implementing useState
  6. The useRef Hook
  7. Updating Refs with Side Effects
  8. Forwarding Refs
  9. Toggleable Form
Reducers
8 Lessons
  1. Why Are Reducers a Part of React?
  2. How Reducers Work
  3. Reducers Exercise 1: Expanding Our Reducer Function
  4. The useReducer Hook
  5. useReducer vs useState
  6. Custom Hooks
  7. Reducers Exercise 2: Character Sheet Application
  8. A Promise-Based State Machine
Compound Components
10 Lessons
  1. A Single Data-Entry Point Component
  2. Reordering Elements
  3. Adding a Disabled Property
  4. Too Many Props!
  5. What Is a Compound Component?
  6. Replacing Props with Compound Components
  7. Sharing State with the Context API
  8. Adding More Context
  9. A Date Picker Compound Component
  10. Course Conclusion

 

This course teaches you to build a reusable and declarative React component library. It’s perfect for developers who are looking to build a scalable design system for their team and product.

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below: