思否讲堂 | React 进阶必备——React Hooks 案例详解

讲师简介

落叶（ https://segmentfault.com/u/1174809 ），曾任职中软军队事业部，参与军需软件的研发。后自行创业，开发的《电商分销系统》获得淘宝 Top100 使用，创日销千单记录。曾任职《某某网》白金讲师，口碑良好，完成众多学员的高薪就业。2014 年在北京主持互联网金融项目获得 2 千万融资，任 CEO。产品和研发均有多年实践经验。当前在一个游戏类创业公司，任股东和技术总监。

系列课程介绍

React Hooks 是 React 16.8 从提案转为正式加入的新特性。

之前使用 React 作为主要的前端技术，开发一款网页游戏。在整个游戏的各个模块中，Redux、mobx 以及蚂蚁金服的 ant-design、dva、umi 这些框架或者第三方库都有涉及使用。但是自从了解了 Facebook 官方提案的 Hooks 特性后，才真正觉得获得了前所未有的解脱。如果你有 React 开发经验，学习了解 Hooks 后，一定有一种如释重负的轻松感。

本课程包含讲师精心准备的案例和课程大纲设计，所有案例均可在 Github 下载（包含大量 React 案例代码）。 希望能给大家快速掌握 Hooks 这个重要的新特性带来帮助。课程中遇到问题，欢迎通过思否或在下面的网址进行反馈。

你将学到的内容：

• 为什么 React 越来越支持使用函数组件。

• 案例讲解React Hooks 与先前解决方案的对比。

• React Hooks 的所有 Api 和使用案例。

• 自定义 Hooks 解耦“状态相关逻辑”。

早鸟优惠：课程 8 折优惠中。

适合人群

1、刚开始学习React，还没用过状态管理。

尽早掌握 Hooks 特性，他非常简单和好用，循序渐进的进行状态管理，避免所有项目都直接引入状态管理框架。

2、有 React 基础知识，希望找到开发 React 的正确姿势

掌握 Hooks 会让你少走很多弯路。从一开始就把代码写的简单易读，讲师个人的观点，使用状态管理相关的框架，初期通常会让你的代码陷入混乱。但使用 hooks 会减少这种几率。

3、对前端开发有较多经验，想拓展下思路，了解下 React 的新特性

相信这节课程将会对你产生最大的共鸣。因为 Hooks 的确解决了之前开发中很多困扰。

课程大纲

这个课程包括：最常用的 Hook 以及 React 16.8.3 包含的所有 hooks Api的使用。每个 Api 都会有一个或多个代码案例，讲师尽量通过案例让大家都能理解这些新概念。

Basic Hooks

• useState

• useEffect

• useContext

Additional Hooks

• useReducer

• useCallback