Notes

如何阅读本仓库(学习路径与章节依赖)

一句话结论:把这套笔记当成一张“React 运行时 + 应用架构 + 工程交付”的知识地图——先用 01~09 建立运行时心智模型,再进入 10~16 做路由/数据/SSR/性能/可观测等工程落地。

1. 你应该带着什么前置知识来读?

  • 熟悉 React 组件与 Hooks 的基本用法(能写业务)
  • 了解 JavaScript 事件循环的基本概念(宏任务/微任务)——如果不熟,直接从第二章补起

2. 笔记的三层结构

  1. 运行时与框架机制:React 为什么不卡、为什么能中断、为什么要 Fiber、Hooks 怎么挂在 Fiber 上
  2. 应用架构:路由、数据、状态、渲染策略(CSR/SSR/Streaming/Hydration)、错误边界
  3. 工程与交付:性能指标、监控上报、构建发布、测试、CI/CD、安全合规

3. 推荐阅读顺序(最短路径)

  • 第 2 章(事件循环体系):把“主线程/队列/刷新率”弄明白
  • 第 3 章(并发模式):理解时间切片、优先级、Lane
  • 第 4 章(Fiber):理解 FiberRoot/Fiber 树与 workLoop
  • 第 5 章(Hooks):理解 hooks 链表与 effect 的挂载/执行
  • 第 6~7 章(Diff/事件系统):把更新与事件映射到 Fiber 心智模型里
  • 第 9 章(React 18 实战):把并发能力落到真实项目语义(batching/strict/transition/suspense/error boundary)
  • 然后进入 第 10~16 章(架构与工程)

4. 每篇文章的固定结构(写作约定)

  • 一句话结论
  • 机制拆解(术语对齐)
  • 常见误区/追问
  • 关联阅读

从第 10 章开始,会额外增加:落地方案(TanStack Router + Vite vs Next App Router)、观测与验证(指标/日志/监控)。

关联阅读

cd ..