React设计原理

"《React设计原理》致力于剖析React设计理念与实现原理，基于React 18源码讲解。通过本书的学习，读者可以对当前主流前端框架的实现原理有清晰的认识，并对React从理念到实现层面有比较深入的理解。 《React设计原理》的所有代码示例都可以在微信公众号“魔术师卡颂”后台回复“设计原理”获取"

   本书致力于剖析React设计理念与实现原理，基于React 18版本源码讲解。全书划分为3个篇章，第1篇为理念篇（第1章～第2章），讲解React在主流前端框架中的定位与设计理念。第2篇为架构篇（第3章～第5章），讲解React架构中的3个阶段――schedule、render、commit，以及如何在架构中践行设计理念。第3篇为实现篇（第6章～第8章），贯穿React架构中的3个阶段，讲解具体API的实现细节。

本书的目标读者包括有实际React项目经验并希望更深入理解React的开发人员，以及没有使用过React但对前端框架设计感兴趣的开发人员。通过学习本书，读者可以对当前主流前端框架的实现原理有清晰的认识，并对React从理念到实现层面有更深入的理解。

"卡颂，前端工程师。曾先后就职于360奇舞团、字节跳动等企业。技术社区活跃者，开源电子书《React技术揭秘》的作者。 可通过微信公众号“魔术师卡颂”联系"

第1篇 理念篇
第1章 前端框架原理概览 2
1.1 初识前端框架 3
1.1.1 如何描述UI 3
1.1.2 如何组织UI与逻辑 8
1.1.3 如何在组件之间传输数据 12
1.1.4 前端框架的分类依据 14
1.1.5 React中的自变量与因变量 18
1.2 前端框架使用的技术 20
1.2.1 编程：细粒度更新 20
1.2.2 AOT 29
1.2.3 Virtual DOM 32
1.3 前端框架的实现原理 35
1.3.1 Svelte 35
1.3.2 Vue3 43
1.3.3 React 46
1.4 总结 48
第2章 React理念 49
2.1 问题与解决思路 49
2.1.1 事件循环 50
2.1.2 浏览器渲染 53
2.1.3 CPU瓶颈 55
2.1.4 I/O瓶颈 56
2.2 底层架构的演进 57
2.2.1 新旧架构介绍 58
2.2.2 主打特性的迭代 60
2.2.2 渐进升级策略的迭代 61
2.3 Fiber架构 65
2.3.1 FiberNode的含义 65
2.3.2 双缓存机制 68
2.3.3 mount时Fiber Tree的构建 69
2.3.4 update时Fiber Tree的构建 71
2.4 调试React源码 72
2.4.1 仓库结构概览 73
2.4.2 以本书推荐方式调试源码 74
2.4.3 以官方方式调试源码 75
2.5 总结 77
第2篇 架构篇
第3章 render阶段 80
3.1 流程概览 81
3.2 beginWork 83
3.3 React中的位运算 87
3.3.1 基本的三种位运算 88
3.3.2 位运算在“标记状态”中的应用 89
3.4 completeWork 90
3.4.1 flags冒泡 91
3.4.2 mount概览 91
3.4.3 update概览 96
3.5 编程：ReactDOM Renderer 98
3.6 总结 104
第4章 commit阶段 105
4.1 流程概览 106
4.1.1 子阶段的执行流程 108
4.1.2 Effects list 111
4.2 错误处理 113
4.2.1 捕获错误 115
4.2.2 构造callback 116
4.2.3 执行callback 118
4.3 BeforeMutation阶段 119
4.4 Mutation阶段 120
4.4.1 删除DOM元素 120
4.4.2 插入、移动DOM元素 122
4.4.3 更新DOM元素 125
4.4.4 Fiber Tree切换 127
4.5 Layout阶段 127
4.6 总结 129
第5章 schedule阶段 130
5.1 编程：简易schedule阶段实现 131
5.1.1 Scheduler简介 133
5.1.2 改造后的schedule方法 134
5.1.3 改造后的perform方法 137
5.1.4 改造后的完整流程 140
5.2 Scheduler的实现 148
5.2.1 流程概览 149
5.2.2 优先级队列的实现 151
5.2.3 宏任务的选择 152
5.3 Lane模型 154
……