Technology · Reviewed 2026-08-08

React learning path

This learning path turns react into a manageable sequence. Work through the stages in order, practise each idea in a small exercise, and keep evidence of what you can do. 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

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

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

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

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

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

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

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

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

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

Authoritative resources

Related learning paths

JavaScript · Website Development · Mobile App Development