React Hooks 核心原理与实战

React 作为应用最广泛的前端开发库之一，不仅有着极其丰富的用户界面，而且非常容易上手。同时，在其他前端应用发生翻天覆地的变化的时候，它的功能却异常稳定。正因如此，无论你是专职从事前端开发，还是以后端为主但也需要自己做一些 UI 界面，React 基本上就是你的首选。

最重要的是，React 在 2019 年 2 月发布的 16.8 版本中引入了 Hooks。Hooks 带来的全新机制让人耳目一新，因为它进一步拓展 了 React 的开发思路，为前端开发提供了一种更优的选择。

要知道，Hooks 的两大好处就是业务逻辑重用和关注业务分离。所以在引入 Hooks 的概念之后，函数组件就具备了状态管理、生命周期管理等能力，它几乎可以实现原来 Class 组件具备的所有能力，而且还解决了 Class 组件存在的一些代码冗余、逻辑难以重用等问题。

不过也肯定有很多人会有这样的疑问：

• 转换 Hooks 的开发思路难不难？
• 现在项目代码都是 Class 的，难道都得改一遍吗？

我要先给你吃一颗定心丸。转换 Hooks 的开发思路并不难，重要的是在实际中不断应用。而原来的项目代码也不需要修改，因为函数组件能够和已有的 Class 组件无缝衔接，一起工作。你只需根据具体情况采用 Hooks 的方式去写新的代码就行了，转换成本很低。

为了帮助你高效地掌握 Hooks，我们特意邀请了 eBay 中国研发中心资深技术专家王沛老师，他会将自己及团队在使用 Hooks 过程中遇到的、看到的痛难点问题呈现出来。从函数组件和 Hooks 的角度出发，带你重新认识 React，帮助你在深入理解 Hooks 的基础上，使用 Hooks 的思想去开发前端应用，享受 Hooks 带来的诸多好处。

开篇词 | 全面拥抱 Hooks，掌握最新 React 开发方式
01｜认识 React：如何创建你的第一个 React 应用？
02｜理解 Hooks：React 为什么要发明 Hooks？
03｜内置 Hooks（1）：如何保存组件状态和使用生命周期？
04｜内置 Hooks（2）：为什么要避免重复定义回调函数？
05｜进一步认识 Hooks ：如何正确理解函数组件的生命周期？
06｜自定义Hooks ：四个典型的使用场景
07｜全局状态管理：如何在函数组件中使用 Redux？
08｜复杂状态处理：如何保证状态一致性？
答疑解惑01｜如何转换应用React Hooks 的思路？
09｜异步处理：如何向服务器端发送请求？
10｜函数组件设计模式：如何应对复杂条件渲染场景？
11｜事件处理：如何创建自定义事件？
12｜项目结构：为什么要按领域组织文件夹结构？
13｜Form：Hooks 给 Form 处理带来了哪些新变化？
14 | 使用浮动层：如何展示对话框，并给对话框传递参数？
15 | 路由管理：为什么每一个前端应用都需要使用路由机制？
16 | 按需加载：如何提升应用打开速度？
17 | 打包部署：你的应用是如何上线的？
18 | 单元测试：自定义 Hooks 应该如何进行单元测试？
19｜第三方工具库：最常用的第三方工具库有哪些？
20 | React 的未来：什么是服务器端组件？
答疑解惑02
结课测试题｜这些 React Hooks 的知识你都掌握了吗？
结束语｜抓住本质，方能事半功倍