内容简介
本书的主要内容有：深入理解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<
前言/序言
前言
本书并不适用想要学习如何使用React 的读者。如果你对React 还不熟悉，并希望找到一份入门教程，可以从react.dev 上的React 官方文档开始。相反，本书是为那些由好奇心驱使的人而写，他们并不满足于了解如何使用React，而是更想弄清楚React 的工作原理。
在本书中，我们将深入探讨多个React 的核心概念，理解其底层机制，并探索这些机制是如何协同工作的，使我们能够更加高效地开发React 应用。通过探究React 的内部原理，我们将建立一套清晰的思维模型，使我们能够更加准确地理解React 及其生态系统。
本书假设读者已经具备以下基础知识：浏览器渲染网页的基本原理。网页是由CSS 样式化的HTML 文档，并通过JavaScript 实现交互性。此外，本书还假设读者对React 有一定的了解，并且曾经开发过一两个React 应用，最好其中一些应用已经投入生产环境使用。
我们将从React 的概述及其发展历史入手，回顾2013 年它以开源软件的形式首次发布的背景。随后，我们将深入剖析React 的核心概念，包括组件模型、虚拟DOM 和协调（reconciliation）机制。接着，我们会探讨JSX 的编译原理，并深入解析React 的Fiber 架构，理解其并发编程模型。通过这些内容，我们将掌握一些关键技巧，比如更高效地进行记忆化，以及使用诸如React.memo和useTransition 这样的强大原语，延迟渲染不必要的计算任务。
本书的后半部分，我们将深入探讨React 框架：了解它们所要解决的问题，以及它们是如何解决这些问题的。为了更好地理解这些机制。我们将亲手编写一个框架，聚焦于Web 应用绕不开的三个关键问题：服务端渲染、路由和数据获取。当亲手解决了这些问题后，我们会更加直观和透彻地感受现有框架解决它们的思路。此外，我们还将深入研究React 服务端组件（RSC）和服务端操作（server actions），并探讨下一代前端工具链，例如打包工具（bundlers）和同构路由（isomorphic routers）等。
最后，我们将视角从React 拓展到更广阔的前端生态，探讨Vue、Solid、Angular、Qwik 等竞品。我们将重点探索信号（Signal）及其细粒度响应式（fine-grained reactivity），并和React 更粗粒度的响应式模型进行对比。此外，我们还会探讨React 对信号机制的回应：Forget 工具链，以及它在与信号机制对比中的表现。
本书内容丰富，值得深入探究，所以不浪费时间了，让我们开始吧！
本书中的约定
本书采用以下排版约定：
斜体（Italic）
用于表示新术语、网址（URL）、电子邮件地址、文件名和文件扩展名。
等宽字体（Constant width）
用于代码示例，以及在正文中引用的程序元素，例如变量、函数名、数据库名称、数据类型、环境变量、语句和关键字等。
等宽加粗字体和浅灰色文本（Constant width bold and light gray text）仅用于印刷版第10 章，用于在代码块中突出代码差异。
O’Reilly 在线学习平台（O’Reilly Online Learning）
近40 年来，O’Reilly Media 致力于提供技术和商业培训、知识和卓越见解，来帮助众多公司取得成功。
公司独有的专家和改革创新者网络通过O’Reilly 书籍、文章以及在线学习平台，分享他们的专业知识和实践经验。O’Reilly 在线学习平台按照您的需要提供实时培训课程、深入学习渠道、交互式编程环境以及来自O’Reilly 和其他200 多家出版商的大量书籍与视频资料。更多信息，请访问网站：https://www.oreilly.com/。
联系我们
任何有关本书的意见或疑问，请按照以下地址联系出版社。
美国：
O’Reilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol, CA 95472
中国：
北京市西城区西直门南大街2 号成铭大厦C 座807 室（100035）
奥莱利技术咨询（北京）有限公司
本书有专门的网页，其中列出了勘误信息、示例代码及其他相关资料，可以访问以下链接获取更多信息：https://oreil.ly/fluent-react。
对本书中文版的有任何建议可以发电子邮件到errata@oreilly.com.cn。
欲了解本社图书和课程的新闻和信息，请访问我们的网站http://oreilly.com。
我们的Facebook：http://facebook.com/oreilly。
我们的Twitter：http://twitter.com/oreillymedia。
我们的YouTube：https://youtube.com/oreillymedia。
致谢
这是我人生中撰写的第一本书，而我并非孤军奋战，对此我无比感激。你即将阅读的内容，凝聚了许多才华横溢之人的智慧和努力。正是他们的付出，才让这本书得以问世。在此，我衷心感谢他们为本书所做出的贡献。
请不要跳过这一部分，因为这些人值得你的关注和感激。首先，我要感谢直接帮助我完成本书的人：
? 首先要感谢我的妻子Lea。写这本书占据了我大量时间，牺牲了本该与家人共度的时光
