Build Reusable React

0 (0)

Duration

4h

Students

0

Level

Advanced

Last Updated

February 27, 2025

Build Reusable React

Overview
Curriculum
Reviews

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.

4 Sections
32 Lessons
4h Duration

Expand All

Introduction - Reusable React Fundamentals

5 Lessons

Course Introduction
Rendering and Props
Frontend Career Path
Custom Events and Props
Fundamentals Exercise: Badge Component

Controlled Components and Refs

9 Lessons

Building an Interactive Form
What Does “Controlled” Mean?
Character Counter Input
State in Class vs Function Components
Implementing useState
The useRef Hook
Updating Refs with Side Effects
Forwarding Refs
Toggleable Form

Reducers

8 Lessons

Why Are Reducers a Part of React?
How Reducers Work
Reducers Exercise 1: Expanding Our Reducer Function
The useReducer Hook
useReducer vs useState
Custom Hooks
Reducers Exercise 2: Character Sheet Application
A Promise-Based State Machine

Compound Components

10 Lessons

A Single Data-Entry Point Component
Reordering Elements
Adding a Disabled Property
Too Many Props!
What Is a Compound Component?
Replacing Props with Compound Components
Sharing State with the Context API
Adding More Context
A Date Picker Compound Component
Course Conclusion

0

0 Ratings

5 Star 0%

4 Star 0%

3 Star 0%

2 Star 0%

1 Star 0%

Reviews

Free

Course Includes

React Rendering and Props
Understand "Controlled" Components
Character Counter Implementation
State Management Variations
useState Hook Usage
useRef Hook Application
Refs Forwarding Technique
Understanding React Reducers
useReducer Hook Introduction
Custom Hooks Development
Context API for State Sharing
Compound Component Design