jk113-React Hooks 核心原理与实战(HTML+MP3+PDF(完结)

aixure · 发表于 2021-10-31 15:28:05

【课程介绍】
jk113-React Hooks 核心原理与实战(HTML+MP3+PDF(完结)https://time.geekbang.org/column/intro/100079901

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 是如何解决问题的。通过实战锻炼，你会快速掌握这些通用原则和最佳实践，形成自己的知识库。之后在遇见类似的场景时，可以灵活调取。而我们的最高阶目标，就是让你在实战中掌握Hooks的思考方式，拥有举一反三的能力。

模块设计

课程主体划分为以下3大模块。

基础篇：抓住问题本质，提高解决复杂问题的能力

在“基础篇”，老师会抽丝剥茧，从“问题的本质是什么”这一角度出发来讲解每个机制，包括：React 为什么要发明 Hooks？useEffect 就是生命周期函数吗？等等。理解了最核心的那个问题，你也就拥有了举一反三的能力。

实战篇：业务场景驱动，掌握解决实际问题的思考方式

在“实战“层面，老师精心设计了9个不同的典型业务场景，并基于 React Hooks 去剖析一些常见设计模式。相信通过实战锻炼，你会快速掌握这些通用原则和最佳实践，形成自己的知识库。再遇见类似的场景时，就可以灵活调取。

扩展篇：了解工具、生态和未来，开拓你的技术视野

在这一部分，老师会给你介绍 React 应用该如何打包，整个生态有哪些可用的工具和资源，该如何测试，以及未来会有哪些发展的趋势。有了完整体系的积累，你才能真正独当一面，完成整个应用的开发、测试、打包和部署。

【网盘下载地址SVIP专享通道(电脑版访问)】

游客，如果您要查看本帖隐藏内容请回复

【课程目录】
开篇词 (1讲)



开篇词 | 全面拥抱 Hooks，掌握最新 React 开发方式

基础篇 (7讲)



01｜认识 React：如何创建你的第一个 React 应用？

02｜理解 Hooks：React 为什么要发明 Hooks？

03｜内置 Hooks（1）：如何保存组件状态和使用生命周期？

04｜内置 Hooks（2）：为什么要避免重复定义回调函数？

05｜进一步认识 Hooks ：如何正确理解函数组件的生命周期？

06｜自定义Hooks ：四个典型的使用场景

07｜全局状态管理：如何在函数组件中使用 Redux？

实战篇 (10讲)



08｜复杂状态处理：如何保证状态一致性？

答疑解惑01｜如何转换应用React Hooks 的思路？

09｜异步处理：如何向服务器端发送请求？

10｜函数组件设计模式：如何应对复杂条件渲染场景？

11｜事件处理：如何创建自定义事件？

12｜项目结构：为什么要按领域组织文件夹结构？

13｜Form：Hooks 给 Form 处理带来了哪些新变化？

14 | 使用浮动层：如何展示对话框，并给对话框传递参数？

15 | 路由管理：为什么每一个前端应用都需要使用路由机制？

16 | 按需加载：如何提升应用打开速度？

扩展篇 (5讲)

