01-foundations

如何使用本教程

更新流程

一次 setState 的完整旅程

第一层 · 表层原理

组件渲染机制

虚拟 DOM 的真实含义

生命周期完整执行顺序

第二层 · 一次更新的主线

React 更新的四个阶段

02-update-pipeline

阶段一 · Trigger 触发

UpdateQueue：更新入队

阶段二 · Schedule 调度

Lane：选择本次更新

Scheduler：安排执行

阶段三 · Render 计算

Fiber：可中断工作单元

双缓存 Fiber 树

Hooks：读取与计算状态

Diff：协调子节点

flags：记录变更

阶段四 · Commit 提交

Commit：应用变更

03-concurrent

Concurrent 并发渲染

两大并发 API

三大模块协作

批量更新原理

Suspense / lazy

合成事件系统

04-advanced

渲染优化底层

渲染 bug 底层解释

SSR / Hydration / 流式

Server Components

React 19 新特性

外部状态与撕裂

高级模式与陷阱

性能诊断与工程化

05-core-topics

Context 源码原理

useRef 与 ref 体系

06-source-reading

宏观包结构

核心对象速查

源码阅读路线

React 更新流程总览

Suspense / lazy

上一页批量更新原理下一页合成事件系统

目录