Technology · Reviewed 2026-08-08
React learning path
This learning path turns react into a manageable sequence. Use the list as a suggested reading order. The graph shows which concepts build on each other, including concepts with more than one prerequisite. Practise each idea in a small exercise. The final stages emphasize integration: use the earlier foundations together instead of treating each concept as an isolated fact.
Prerequisites
- Curiosity and a regular weekly practice block
- A place to keep notes, exercises, and reflections
Learning outcomes
- Explain the core ideas behind react
- Apply the skill in a complete, self-directed project
- Evaluate your work and choose a useful next step
Beginner
Modern JavaScript
Modern JavaScript is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
JSX
JSX is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Components
Components is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Intermediate
Props and State
Props and State is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Events and Forms
Events and Forms is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Hooks
Hooks is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Advanced
Routing
Routing is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Testing React
Testing React is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the next stage in this path.
Performance and Architecture
Performance and Architecture is a practical part of building reliable skill in react.
Why it matters: It gives you the foundation needed for the final project in this path.