React 19 内核探秘

基于 React 19.x 源码，从 Fiber 架构到 React Compiler，从并发模式到 Server Components——带你深入 React 的每一个设计决策。

useState 为什么不能写在 if 里？startTransition 里的更新凭什么可以被打断？React Compiler 到底替你省掉了哪些 useMemo？这三个问题的答案，分别在 Hook 链表、Fiber 的可中断循环、和编译器的静态分析里。

flowchart TB
  JSX[JSX] --> EL[React Element]
  EL --> REN
  subgraph REN [Render 阶段 · 可中断]
    direction LR
    F[Fiber 树<br/>递归变迭代] --> RC[Reconciliation<br/>Diff]
    RC --> SCH[Scheduler<br/>优先级 · 时间切片]
  end
  REN --> CMT[Commit 阶段 · 不可中断<br/>三个子阶段]
  CMT --> DOM[DOM]
  HK[Hooks<br/>链表 · Dispatcher 两张面孔] -.挂在 Fiber 上.-> F
  CC[React Compiler<br/>自动记忆化] -.编译期.-> EL
  CON[并发特性<br/>Transition · Suspense<br/>Selective Hydration] -.驱动优先级.-> SCH
  RSC[Server Components<br/>Server Actions] -.另一条边界.-> EL

这张图的关键是那条竖线：Render 可中断，Commit 不可中断。 React 的一大半设计——为什么 Hook 有规则、为什么副作用要放进 useEffect、为什么 Transition 能让输入框不卡——都是这条约束的推论。

⚠️ 注意：早年我在慕课网出过一门《React18内核探秘：手写React高质量源码迈向高阶开发》视频课，现在 不建议再购买——课程已经过时，本专栏内容已全面覆盖并升级到 React 19。

读完你能做到什么

讲清 Fiber 为什么必须存在。 Stack Reconciler 卡在哪、"把递归变成迭代"具体怎么做、Fiber Node 的数据结构与双缓冲（第3章 Fiber 架构、第2章虚拟 DOM）。
说清一次更新的完整两阶段。 Render 阶段的 reconciliation 与优先级调度、Commit 阶段的三个子阶段各干什么（第4章调度器、第5章 Reconciliation、第6章 Commit）。
从源码解释 Hook 规则。 Hook 的链表结构、Dispatcher 的两张面孔、useState / useReducer / useEffect / useMemo / useContext 各自的实现，以及"不能写在条件里"的技术根因（第7章 Hooks、第8章新 Hooks）。
用对并发特性。 Transition 的实现机制、Suspense 的挂起与恢复、Selective Hydration、并发下的状态一致性保证（第9章并发模式）。
理解 React Compiler 做了什么。 它替你加的记忆化、它的判断边界，以及哪些写法会让它放弃优化（第10章编译器）。
搞懂 RSC 与 Server Actions。 服务端组件的边界在哪、数据怎么跨过去、表单动作怎么走（第12章 RSC、第13章 Server Actions）。
补齐工程细节。 合成事件系统、DOM 操作层、状态库的选型依据、性能优化的落点（第14章事件、第15章 DOM、第16章状态库、第17章性能、第18章设计模式）。

适合谁读

写了几年 React、但说不清"为什么这样才对"的工程师。 Hook 规则、并发、记忆化，这里都给到源码那一层。
要做框架 / 状态库 / 调试工具的开发者。 Fiber 与 Scheduler 是你必须先读懂的两块。
准备迁移到 React 19 的团队。 Compiler 与 RSC 这两章是决策依据。

不适合：找 React 入门或最佳实践清单的读者。

源码版本

本专栏的源码引用以 facebook/react 的 v19.0.0 为默认口径：

仓库	版本	Git Commit
facebook/react	v19.0.0	`7aa5dda`

git clone https://github.com/facebook/react.git
cd react && git checkout v19.0.0

讨论历史演化（Stack Reconciler、事件池化、updatePayload 预计算等）时，正文会显式注明对应的版本。行号会随补丁漂移，以文件路径、函数名和机制为准；少数章节锚定了更精确的 tag 或 commit，会在章内标明。

开始阅读

从前言开始你的学习之旅。

版权声明

欢迎分享本专栏的链接。引用少量内容用于评论、教学或研究时，请署名 杨艺韬 并附上原文链接。

React 19 内核探秘

读完你能做到什么

适合谁读

源码版本

目录

第一部分：开篇

第二部分：运行时内核

第三部分：状态管理内核

第四部分：编译时革命

第五部分：Server Components 与全栈架构

第六部分：合成事件与 DOM

第七部分：生态与工程实践

开始阅读

版权声明