流畅的REACT

本书的主要内容有：深入理解React的核心原理和工作机制。学会编写高质量的React应用并掌握持续优化的方法。掌握构建高可用、可扩展React应用的关键技巧。灵活运用React高级功能，例如reducers、state和refs等。

目录
序 1
前言 3
第1 章 基础知识 9
1.1 为什么React 会诞生9
1.2 React 诞生之前 10
1.2.1 jQuery 20
1.2.2 Backbone .23
1.2.3 KnockoutJS 30
1.2.4 AngularJS 35
1.3 进入React 时代 .40
1.3.1 React 的价值主张 42
1.3.2 React 的发布 .48
1.3.3 Flux 架构 .49
1.3.4 Flux 架构的优势 .51
1.4 总结：为什么React 如此流行 52
1.5 本章小结53
1.6 回顾问题53
1.7 接下来的内容 .53
第2 章 JSX .55
2.1 JavaScript XML .55
2.2 JSX 的优点 58
2.3 JSX 的缺点 59
2.4 深入解析60
2.4.1 代码是如何工作的 .61
2.4.2 使用JSX 扩展JavaScript 语法 .65
2.5 JSX 编译指示 .67
2.6 表达式 68
2.7 本章小结69
2.8 回顾问题69
2.9 接下来的内容 .69
第3 章 虚拟DOM .71
3.1 虚拟DOM 概述 .71
3.2 真实DOM 73
3.2.1 操作真实DOM 的风险 78
3.2.2 文档片段 .87
3.3 虚拟DOM 的工作原理 89
3.3.1 React 元素 89
3.3.2 虚拟DOM vs 真实DOM 94
3.3.3 高效更新 .97
3.4 本章小结99
3.5 回顾问题.100
3.6 接下来的内容 101
第4 章 深入解析协调过程 103
4.1 理解协调过程 103
4.2 批量更新.106
4.3 先例 107
4.4 Fiber 协调器 . 111
4.4.1 Fiber 数据结构 111
4.4.2 双缓冲 114
4.4.3 Fiber 协调 . 115
4.5 本章小结.122
4.6 回顾问题.122
4.7 接下来的内容 123
第5 章 常见问题与有效的模式 . 125
5.1 使用React.memo 实现记忆化 .125
5.1.1 React.memo .129
5.1.2 记忆化的组件仍会重新渲染 130
5.1.3 这是一种指导原则，而非规则 134
5.2 使用useMemo 进行记忆化140
5.2.1 使用useMemo 的注意事项 .142
5.2.2 “忘记”一切 .150
5.3 懒加载 .150
5.4 useState 与useReducer 157
5.5 强大的设计模式 .164
5.5.1 展示组件/ 容器组件模式 .165
5.5.2 高阶组件 166
5.5.3 Render Props 模式 175
5.5.4 Control Props 模式 177
5.5.5 属性集合模式 .179
5.5.6 组合组件模式 .182
5.5.7 状态Reducer 模式 186
5.6 本章小结.189
5.7 回顾问题.189
5.8 接下来的内容 190
第6 章 服务端渲染 191
6.1 客户端渲染的限制 .191
6.1.1 搜索引擎优化（SEO） .191
6.1.2 性能 .193
6.1.3 安全性 196
6.2 服务端渲染的兴起 .198
6.3 客户端激活（Hydration） .199
6.4 使用服务端渲染 .202
6.4.1 手动为React 应用添加服务端渲染能力 202
6.4.2 客户端激活 .205
6.5 服务端渲染相关的API 205
6.5.1 renderToString 206
6.5.2 renderToPipeableStream 209
6.5.3 renderToReadableStream 222
6.5.4 应用场景 224
6.6 避免重复造轮子 .226
6.7 本章小结.229
6.8 回顾问题.229
6.9 接下来的内容 230
第7 章 React 并发模式 231
7.1 同步渲染的问题 .232
7.2 重新审视Fiber 233
7.3 调度和延迟更新 .233
7.4 深入探讨.237
7.5 渲染通道.242
7.5.1 渲染通道的工作原理244
7.5.2 处理通道 245
7.5.3 提交阶段 246
7.6 useTransition .247
7.6.1 简单示例 247
7.6.2 高级示例：页面导航248
7.6.3 深入探讨 250
7.7 useDeferredValue 251
7.7.1 useDeferredValue 的设计目的 252
7.7.2 什么时候使用useDeferredValue 255
7.7.3 什么时候不适合使用useDeferredValue 256
7.8 并发渲染的问题 .257
7.9 本章小结.267
7.10 回顾问题 268
7.11 接下来的内容 269
第8 章 框架 . 271
8.1 为什么需要框架 .271
8.1.1 服务端渲染 .275
8.1.2 路由 .277
8.1.3 数据获取 278
8.2 使用框架的优势 .283
8.3 使用框架的顾虑 .284
8.4 流行的React 框架 .285
8.4.1 Remix .285
8.4.2 Next.js 295
8.5 如何选择合适的框架 304
8.5.1 明确项目需求 .305
8.5.2 Next.js 305
8.5.3 Remix .306
8.5.4 权衡取舍 307
8.5.5 开发者体验 .308
8.5.6 运行时性能 .308
8.6 本章小结.310
8.7 回顾问题.310
8.8 接下来的内容 311
第9 章 React 服务端组件 313
9.1 服务端组件的优势 .315
9.2 服务端渲染 315
9.2.1 深入剖析 318
9.2.2 处理组件更新 .329
9.2.3 细节剖析 335
9.3 服务端组件的使用准则 337
9.3.1 序列化是关键 .337
9.3.2 避免使用具有副作用的Hooks 337
9.3.3 服务端状态≠客户端状态 338
9.3.4 客户端组件不能引用服务端组件 .338
9.3.5 客户端组件尚未过时340
.4 服务端操作 340
9.4.1 表单与数据变更 341
9.4.2 非表单场景 .341
9.5 展望React 服务端组件的未来 .342
9.6 本章小结.343
9.7 回顾问题.344
9.8 接下来的内容 344
第10 章 React 的竞品 . 347
10.1 Vue.js .347
10.1.1 信号 349
10.1.2 易于上手 350
10.2 Angular .350
10.2.1 变更检测 351
10.2.2 信号 351
10.3 Svelte .352
10.4 Solid 357
10.5 Qwik 359
10.6 共性的设计模式 361
10.6.1 基于组件的构架设计 361
10.6.2 声明式语法361
10.6.3 响应状态更新 362
10.6.4 生命周期方法 362
10.6.5 社区和工具362
10.7 React 并非真正的响应式框架 363
10.8 React 的未来 368
10.9 本章小结 372
10.10 回顾问题 373
10.11 接下来的内容 .374
第11 章 总结 375
11.1 要点总结 375
11.2 我们的时间线 378
11.3 “魔法”背后的机制 .378
11.4 深入探索的旅程 379
11.5 保持更新 380