Tool
React
Build interactive UIs out of reusable components
Learn components, props, and state — the core React mental model.
8
Chapters
4
Practice formats
1
Self-paced
Curriculum
8 chapters, each with a tutorial, a live example, a quiz, an exercise, a challenge, and class practice.
- 1preview
Introduction to React
Components, JSX, and the mental model.
- 2
JSX Basics
Embedding expressions and conditional rendering.
- 3
Components & Props
Passing data down the component tree.
- 4
State with useState
Managing data that changes over time.
- 5
Handling Events
onClick, onChange, and event handlers.
- 6
Lists & Keys
Rendering arrays of components correctly.
- 7
useEffect & Side Effects
Running code in response to renders.
- 8
Conditional Rendering
Showing different UI based on state.