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

  Write a Review

Build Reusable React Components

Go to Paid Course