Build Reusable React

ToIT

0 (0)

Duration

0m

Students

0

Level

Advanced

Last Updated

October 29, 2024

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
0 Quizzes
0m Duration

Expand All

Introduction - Reusable React Fundamentals

5 Lessons 0 Quizzes

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

Controlled Components and Refs

9 Lessons 0 Quizzes

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 0 Quizzes

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 0 Quizzes

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