← All roadmaps
Intermediate~8 weeks7 steps

React

Go deep on the most in-demand UI library: components, state, hooks, data fetching, and the modern React ecosystem. Best after HTML, CSS, and JavaScript fundamentals.

  1. Thinking in React

    Break UIs into components and understand the render model.

  2. Describing the UI

    Master JSX, props, conditional rendering, and lists.

  3. State & interactivity

    Handle events and manage component state the React way.

  4. Managing state at scale

    Lift state, share it with context, and structure updates with reducers.

  5. Hooks & effects

    Use effects, refs, and custom hooks — and learn when not to use them.

  6. Routing & data fetching

    Add client-side routing and robust server-state management.

  7. The ecosystem & frameworks

    Explore Next.js, Vite, and how production React apps are assembled.