The map

Not started
In progress
Done
Builds on

01The modelDescribe the UI; React updates the DOM

02State and hooksSnapshots, call order, effects, refs

03Rendering lessMemoisation and context

04Time and placeTransitions, the event loop, the server

05Next: system designSame ideas, at service scale

Server-driven UILibrary ↗Server Components send a description of the UI from the server for the client to render. Server-driven UI applies the same idea across app releases and platforms.

Backend for frontendLibrary ↗Server Components and Server Functions put a thin, screen-shaped backend next to the UI. A backend for frontend is that idea as a service of its own.

Graceful degradationLibrary ↗A Suspense or error boundary decides what the user sees while one part is slow or broken. Graceful degradation is the same decision for a whole system.

01The modelDescribe the UI; React updates the DOM0/3
02State and hooksSnapshots, call order, effects, refs0/4
03Rendering lessMemoisation and context0/2
04Time and placeTransitions, the event loop, the server0/3
05Next: system designSame ideas, at service scale

Everything here is about React 19. The topics on closures and the event loop come from the JavaScript path and share their progress with it. Framework features (routing, data loading, where Server Components run) are described only as far as React itself defines them.

Where this path leads

Frontend engineer: from JavaScript to a fast, accessible page →What a frontend engineer needs underneath the framework: how JavaScript runs, how the browser turns your code into pixels and events, what makes a page accessible, fast and safe, and how to test the journeys that matter.

React: how it really renders

The map

Where this path leads