- 课程目录
- 课程介绍
-
在线阅读：开篇词 | 全面拥抱 Hooks，掌握最新 React 开发方式
React Hooks 的引入，不仅不会增加你的使用难度，反而还拓展了你的React开发思路，为你提供了一种更优的选择。
-
01｜认识 React：如何创建你的第一个 React 应用？
通过一个实战项目，创建你的第一个React应用。
-
02｜理解 Hooks：React 为什么要发明 Hooks？
Hooks 的发布，让人耳目一新，但也让早就恐惧于各种新轮子的前端同学心头一紧：这有什么用？是现在的 API 不好吗？
-
03｜内置 Hooks（1）：如何保存组件状态和使用生命周期？
这节课会主要讲两个核心 Hooks 的用法，掌握了这两个 Hooks，几乎就能完成大部分的 React 的开发了。
-
04｜内置 Hooks（2）：为什么要避免重复定义回调函数？
这节课会学习4个常用内置 Hooks 的用法。事实上，每一个 Hook 都是为了解决函数组件中遇到的特定问题。
-
05｜进一步认识 Hooks ：如何正确理解函数组件的生命周期？
在实现具体的业务功能时，都应尽量从 Hooks 的语义角度出发，去思考组件是如何展现和交互的，以便更顺滑地切换开发方式。
-
06｜自定义Hooks ：四个典型的使用场景
在遇到新的功能开发需求时，可以先问下自己：这个功能中的哪些逻辑可以抽出来成为独立的 Hooks？
-
07｜全局状态管理：如何在函数组件中使用 Redux？
因为只有熟练应用 Redux，你才能更加灵活地使用 React，来从容应对大型项目的开发难题。
-
08｜复杂状态处理：如何保证状态一致性？
今天这节课我会带你围绕状态一致性这个需求，介绍两个基本原则，帮助我们避免很多复杂的状态管理逻辑，简化应用程序的开发。
-
答疑解惑01｜如何转换应用React Hooks 的思路？
我会针对一些具有代表性的问题，进行集中答疑。一方面是对课程内容作有针对性的补充，另外一方面也希望能对更多的同学有所帮助。
-
09｜异步处理：如何向服务器端发送请求？
在这一讲，我们会学习怎么从 Hooks 的角度去组织异步请求。
-
10｜函数组件设计模式：如何应对复杂条件渲染场景？
今天这节课我会介绍另外两个模式：一个和 Hooks 相关，另一个则是经典的 render props 模式。
-
11｜事件处理：如何创建自定义事件？
今天我们来学习怎么在React中进行事件处理，具体了解一下事件的机制，以及一般都有哪些应用场景。
-
12｜项目结构：为什么要按领域组织文件夹结构？
随着功能的增加，项目会变得越来越复杂。而在项目的后期，每增加一个新功能，或者修改已有的一些功能，都会带来很大的工作量。
-
13｜Form：Hooks 给 Form 处理带来了哪些新变化？
表单作为用户交互最为常见的形式，但在 React 中实现起来却并没有那么容易。
-
14 | 使用浮动层：如何展示对话框，并给对话框传递参数？
对话框是前端应用中非常常用的一种界面模式，但是在 React 中，使用对话框其实并不容易。
-
15 | 路由管理：为什么每一个前端应用都需要使用路由机制？
路由不仅能起到导航的作用，还能帮助我们更好地组织业务模块的代码。
-
16 | 按需加载：如何提升应用打开速度？
如何提升 React 应用的加载性能呢？一是资源的分包，用于实现按需加载。二是 利用Service Worker 技术。
-
17 | 打包部署：你的应用是如何上线的？
仅仅学会开发是不够的。只有掌握打包部署、单元测试，以及了解React 生态圈的一些常用项目，才能真正完成一个应用的开发。
-
18 | 单元测试：自定义 Hooks 应该如何进行单元测试？
为了保证软件的质量，唯一的途径其实就是测试。
-
19｜第三方工具库：最常用的第三方工具库有哪些？
在 React 的开发过程中，我们需要知道 React 生态圈有哪些常用的工具库，了解它们能解决什么问题。
-
20 | React 的未来：什么是服务器端组件？
React 好像这么多年来就发布了一个 React Hooks，那么，React 团队到底在做哪些事情呢？
-
答疑解惑02
我会针对你在实战模块提出的一些问题，进行集中答疑。既是对课程内容的补充，同时也希望能对更多的同学有所启发和帮助。
-
结课测试题｜这些 React Hooks 的知识你都掌握了吗？
《React Hooks核心原理与实战》结课了，来做一个小测试吧！
-
结束语｜抓住本质，方能事半功倍
“完成”和“认真完成”，在结果上有质的差别。
课程介绍
你将获得 完整高效的 React Hooks 学习路径 用 Hooks 解决实际问题的思考方式 典型业务场景的最佳实践 一线前端技术专家的经验总结 讲师介绍 此外，还在极客时间开设了《深入浅出...你将获得
- 完整高效的 React Hooks 学习路径
- 用 Hooks 解决实际问题的思考方式
- 典型业务场景的最佳实践
- 一线前端技术专家的经验总结
讲师介绍
此外，还在极客时间开设了《深入浅出 React》专栏，同时也是《征服Ajax：Web2.0开发技术详解》，《Web2.0界面设计模式》两本书的作者。
课程介绍
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 应用该如何打包，整个生态有哪些可用的工具和资源，该如何测试，以及未来会有哪些发展的趋势。有了完整体系的积累，你才能真正独当一面，完成整个应用的开发、测试、打包和部署。
课程目录
特别放送
免费领取福利
限时活动推荐
