All chapters

14 chapters · updated 14 August 2026

The guide runs in order from the idea behind React through to writing your own hooks. If you are new, start at chapter 01.

01

Introduction to React

What React is, the problem it solves, and the mental model that makes the rest of the guide click.

02

Getting Started

Two ways to run React: a single HTML file for experiments, and a real toolchain for actual projects.

03

JSX

The syntax that lets you write markup inside JavaScript, and the handful of rules that differ from HTML.

04

Components

The unit React is built from: a function that returns markup, composed into a tree.

05

Props

How data flows from a parent component into a child, and why it only flows that way.

06

State and useState

Memory that survives between renders, and the rules for changing it correctly.

07

Handling Events

Responding to clicks, keys, and input in JSX, and the differences from plain DOM listeners.

08

Conditional Rendering

Showing different output for different data, using ordinary JavaScript rather than special syntax.

09

Lists and Keys

Turning arrays into elements with map, and why every item needs a stable key.

10

Forms

Controlled inputs, multiple fields, validation, and submitting.

11

Hooks Overview

What hooks are, the rules that govern them, and which ones you will actually reach for.

12

useEffect

Running code outside the render — subscriptions, timers, and data fetching — and cleaning up after it.

13

Context and useContext

Sharing values across a whole tree without threading props through every level.

14

Refs and Custom Hooks

Reaching the DOM directly, keeping values between renders, and packaging logic for reuse.