Appearance
Mini-React：从零实现 React 核心原理
为什么要学习 React 源码？
React 是当今前端开发最重要的 UI 库之一，被全球数百万开发者使用。但你是否真正理解它的工作原理？
- 面试必考：React 源码是高级前端面试的核心考点
- 问题排查：理解原理能帮助你快速定位和解决复杂问题
- 架构设计：学习 React 的设计思想，提升你的架构能力
- 技术深度：从使用者进阶为真正理解框架的开发者
通过亲手实现一个 Mini-React，你将彻底掌握 React 的核心原理，而不只是停留在 API 的使用层面。
本书定位
本书是一本源码级深度解析的技术书籍，目标是带领读者从零开始实现一个功能完备的 Mini-React。通过亲手实现每一个核心模块，你将彻底理解：
- JSX 编译与 createElement 的工作原理
- Virtual DOM 的设计与实现
- Fiber 架构的核心思想
- Reconciliation 调和算法
- Hooks 系统的底层实现
- 事件系统与调度机制
目标读者
本书适合以下读者：
- 有 3 年以上 React 开发经验的开发者：希望深入理解 React 原理
- 准备高级前端面试的开发者：需要掌握 React 源码知识
- 框架开发者：想要学习优秀 UI 框架的设计思路
- 技术架构师：希望从 React 中学习优秀的架构模式
- 对编译原理感兴趣的开发者：通过实战项目学习 JSX 编译与 AST 处理
你将学到什么
读完本书，你将掌握：
- JSX 编译：理解 JSX 如何转换为 createElement 调用
- Virtual DOM：实现 VNode 数据结构和创建流程
- Fiber 架构：理解 Fiber 节点结构、双缓冲机制、链表遍历
- Reconciler：实现 beginWork、completeWork、workLoop
- Diff 算法：实现单节点和多节点 Diff
- Commit 阶段：实现 DOM 操作的 Placement、Update、Deletion
- 函数组件：实现函数组件的渲染和更新
- Hooks 系统：实现 useState、useEffect、useRef、useMemo、useContext
- 事件系统：实现事件委托和合成事件
- 调度系统：实现优先级调度和时间切片
- 并发特性：理解 useTransition、Suspense 的实现原理
书籍结构
全书共 21 个部分 + 附录，150 个章节：
| 部分 | 主题 | 章节数 |
|---|---|---|
| 第一部分 | 基础概念与架构设计 | 5 |
| 第二部分 | JSX 与 createElement | 7 |
| 第三部分 | Virtual DOM 基础 | 6 |
| 第四部分 | Fiber 架构基础 | 7 |
| 第五部分 | 渲染器基础 | 6 |
| 第六部分 | Reconciler 协调器 | 7 |
| 第七部分 | Diff 算法实现 | 7 |
| 第八部分 | Commit 阶段 | 8 |
| 第九部分 | 函数组件 | 6 |
| 第十部分 | Hooks 基础架构 | 6 |
| 第十一部分 | useState 实现 | 7 |
| 第十二部分 | useReducer 实现 | 5 |
| 第十三部分 | useEffect 实现 | 8 |
| 第十四部分 | useRef 与性能优化 Hooks | 9 |
| 第十五部分 | useContext 实现 | 6 |
| 第十六部分 | 其他核心 Hooks | 5 |
| 第十七部分 | 事件系统 | 7 |
| 第十八部分 | 调度系统 | 8 |
| 第十九部分 | 并发特性 | 8 |
| 第二十部分 | 类组件兼容 | 6 |
| 第二十一部分 | 完整实现与整合 | 7 |
| 附录 | 参考资料 | 9 |
学习建议
- 顺序阅读：本书内容层层递进，建议按顺序阅读
- 动手实践：每个章节都有对应的代码实现，务必亲手编写
- 对照源码：建议同时阅读 React 官方源码，加深理解
- 完成练习：每个部分结束后的练习题能帮助巩固知识
开始旅程
准备好了吗？让我们从第一章开始，一起揭开 React 的神秘面纱，亲手打造一个属于自己的 React！
开始阅读：React 概览与设计哲学