React Documentation

How the Learn track is structured

The docs are split into Learn and Reference. Learn is the part to work through in order:

• Quick Start: the roughly 80 percent of React you use daily: components, JSX, styling with className, displaying data, conditional rendering, lists, event handlers, the useState hook and sharing data between components.
• Installation: starting a new project, usually through a framework or build tool.
• Describing the UI: components, props, rendering lists, and keeping components pure.
• Adding interactivity: events, state as a snapshot, queueing updates, and updating objects and arrays in state.
• Managing state: structuring state, sharing it between components, preserving and resetting it, reducers and context.
• Escape hatches: refs, effects, and the important page on when you might not need an effect.

Nearly every page has live code you can edit, and most end with challenges. The Reference section documents every hook, component and API.

The parts that matter most

Thinking in React and the managing state chapters. Most React bugs are state design problems: state duplicated in two places, state that should be derived, state lifted to the wrong component. The page "You Might Not Need an Effect" alone prevents a whole class of bugs that come from syncing state with useEffect. These topics are handled better here than in most paid courses.

Why start here rather than a paid course

It is free, written by the people who build React, and current. Paid courses add depth on specific topics and ecosystem choices (routing, data fetching libraries, styling), which makes them a better second purchase than a first one. The docs are also open source: the reactjs/react.dev repository had about 11.8k stars and daily commits in September 2026, and React itself had about 250k GitHub stars.

How long it takes and how to use it

The Learn track takes one to two weeks at a couple of hours a day if you do the challenges, which you should. A practical approach:

• Do the Quick Start and the tic-tac-toe tutorial first to get a feel for the whole.
• Work through each chapter's challenges before reading the solutions.
• Build something small of your own between chapters, such as a filterable list or a multi-step form.
• Keep the Reference open while working on real projects.

Before you start

You need solid modern JavaScript: arrow functions, destructuring, spread, array methods like map and filter, modules, and promises. If those feel shaky, spend a week on javascript.info first. Many React struggles are really JavaScript struggles.

Common questions

Does it teach Next.js? No. It recommends starting new apps with a framework and shows setup options, but routing, server rendering and data fetching are covered in framework documentation such as Next.js Learn.

Are class components covered? Only in the legacy reference. Modern React is written with function components and hooks.

Is it enough to get a job? It teaches React well. Employability also needs projects, TypeScript, testing and a framework, so treat it as the foundation.

Best for: anyone learning React, and any React developer who last read the documentation before the rewrite.