facebook/react
6 articles
Prerequisites
- ›Basic JavaScript and module systems (import/export)
- ›Familiarity with React as a user (components, JSX, hooks)
- ›General understanding of build tools (bundlers, module resolution)
Architecture Overview and Navigating the React Source
A comprehensive tour of the React monorepo's structure, build pipeline, and compile-time dependency injection via the fork system.
The Fiber Data Structure — React's Internal Representation
A deep dive into the Fiber node, its linked-list tree structure, double-buffering technique, WorkTags, and bitmask flag systems.
The Work Loop — How React Renders
A complete walkthrough of React's render-commit cycle: from setState through the lane model, work loop, beginWork/completeWork, to the three commit sub-phases.
Hooks and the Dispatcher — React's State Machine
How React hooks work under the hood: the dispatcher pattern, hook linked lists, mount vs update, update queues, and the effect system.
The Host Config and DOM Bindings — Bridging React to the Browser
How React achieves renderer-agnosticism through the host config abstraction, and how react-dom-bindings implements that interface for the browser.
Server Rendering — Fizz, Flight, and React Server Components
React's three server-side architectures: Fizz for streaming SSR, Flight for RSC serialization/deserialization, and bundler integration.