Build Reusable React Components by Scrimba
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.
Course Highlights
- Rendering in React
- React props
- Custom events
- Controlled components
- State in class vs function components
- useRef hook
- How reducers work
- useReducer hook
- Custom hooks
- Reordering Elements
- Compound Components
- Replacing props
- Sharing state
- Adding more context
Skills you will learn!
Curriculum
5 Topics
Course Introduction
Rendering and Props
Frontend Career Path
Custom Events and Props
Fundamentals Exercise: Badge Component
9 Topics
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
8 Topics
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
11 Topics
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
Certificate of Completion
Build Reusable React Components
Related React JS Courses
Thank You!
Your review has been submitted successfully.