facebook/react
6 articles
前置知识
- ›具备 JavaScript 基础及模块系统知识（import/export）
- ›有 React 使用经验（组件、JSX、Hooks）
- ›对构建工具有基本了解（打包器、模块解析）
01
架构概览：读懂 React 源码的地图
全面介绍 React monorepo 的结构、构建流水线，以及通过 fork 系统实现的编译时依赖注入机制。
02
Fiber 数据结构 — React 的内部表示
深入解析 Fiber 节点、链表树结构、双缓冲技术、WorkTag 以及位掩码标志系统。
03
工作循环 — React 的渲染原理
深入解析 React 的渲染与提交周期：从 setState 出发，历经 lane 模型、工作循环、beginWork/completeWork，直至三个提交子阶段的完整流程。
04
Hooks 与 Dispatcher —— React 的状态机
深入剖析 React hooks 的底层工作原理：dispatcher 模式、hook 链表、挂载与更新阶段的切换、更新队列，以及 effect 系统。
05
Host Config 与 DOM Bindings — 连接 React 与浏览器
React 如何通过 host config 抽象实现渲染器无关性，以及 react-dom-bindings 如何为浏览器实现这一接口。
06
服务端渲染 — Fizz、Flight 与 React Server Components
深入解析 React 的三种服务端架构：用于流式 SSR 的 Fizz、负责 RSC 序列化与反序列化的 Flight，以及与打包工具的集成方式。