Learn React
Learn React once you know some JavaScript. Every component in this course runs live in your browser, right below its code, with the same React version this site is built with, so you can click, type and see exactly what it does.
Progress is saved in this browser. Accounts are coming later.
- Lessons available
- 31
- In the full course
- 31
- Beginner
Start from zero. No experience needed.
- Intermediate
Combine ideas to solve real problems.
- Advanced
The techniques used in professional work.
Course syllabus
All 31 lessons are available. Start anywhere, or follow the parts in order.
Part 1 · Beginner
Getting Started
What React is, setting up a project, and the building blocks: JSX, components and props.
Part 2 · Beginner
Interactivity
Rendering lists and conditions, handling events, and making components remember things with state.
Part 3 · Intermediate
Effects and Hooks
Synchronising with the outside world, fetching data, refs, reducers, context and your own hooks.
Part 4 · Intermediate
Patterns and Performance
Composing components, styling, avoiding unnecessary work, and handling errors.
Part 5 · Advanced
Building Real Apps
TypeScript with React, routing, testing, and frameworks for full applications.
Part 6 · Intermediate
Projects
Put it all together in two complete small apps.
Part 7 · Intermediate
Interview Questions
Frequently asked React interview questions with answers and examples.
Keep going with React
Become a Better Programmer
Get new tutorials, coding challenges, and cheat sheets.