讲师简介
曾任职中软军队事业部,参与军需软件的研发。后自行创业,开发的《电商分销系统》获得淘宝 Top100 使用,创日销千单记录。曾任职《某某网》白金讲师,口碑良好,完成众多学员的高薪就业。2014 年在北京主持互联网金融项目获得 2 千万融资,任 CEO。产品和研发均有多年实践经验。当前在一个游戏类创业公司,任股东和技术总监。
讲师在思否讲堂已发布课程
《Git 代码管理与团队协作最佳实践》《Git 版本控制常用操作案例教程》系列《GitHub 快速入门 – 核心使用流程掌握》系列《React Hooks 案例详解(React 进阶必备)》系列
前言
讲师最新发布的系列课程《React Hooks 案例详解(React 进阶必备)》详细讲解了 React Hooks 这个新特性。全网范围资料很少。视频几乎没有。课程制作和案例制作都经过精心编排。对于 React 开发者意义重大,希望对有需要的开发者有所帮助。
如释重负,好用的技术就应该越来越简单。
React Hooks 是 React 16.8 从提案转为正式加入的新特性。这个新特性是个非常棒的设计。可以说对于 React 技术栈的发展具分割线一样的意义。讲师在课程中提到:之前使用 React 作为主要的前端技术,开发一款网页游戏。在整个游戏的各个模块中,Redux,mobx,以及蚂蚁金服的 ant-design,dva, umi 这些框架或者第三方库都有涉及使用。但是自从了解了 Facebook 官方提案的 Hooks 特性后,才真正觉得获得了前所未有的解脱。如果你有 React 开发经验,学习了解 Hooks 后,一定有一种如释重负的轻松感。
React 带来了方便也带来了迷茫。
相信关心 React Hooks 这项新特性的童鞋,很多已经有了一定的 React 开发经验。那么你一定有所体验,React 给我们带来方便的同时,也的确和长久以来的前端开发模式有极大的不同。React 并不需要用继承,而是推荐用嵌套。React 有独特的 jsx 语法。大多数情况 jsx 都使得我们的代码更加简洁了。然而有些时候也给我们带来了一些困扰。比如数据的传递,逻辑的复用。react 是一种 mvvm 的设计模式,作为开发者一定要清楚,那些数据是业务数据,那些数据是 UI 数据。否则你的代码很有可能会陷入混乱局面。
大型项目中模块化与功能解耦困难。
在公司项目中 App 稍大的时候,我们发现状态提升和只通过 props 进行数据传递。很多时候都很难实现我们的需求。这时无论我们是否清楚的了解,但是状态管理也就是 redux mobx 等,轻易地进入到了公司的项目中。我们经过初期的尝试发现状态管理,确实比用纯粹的 React 带来了数据传递上的方便,以及代码组织上的清晰。但前提是你看懂且理解了 redux 大神晦涩的官网文档。本来 React 被设计用来组件化前端开发。但当我们初期使用状态管理,我们常常会过度的使用状态数据,业务逻辑和 ui 逻辑没有清楚的分离,最终你的应用代码结果可能是:除了少数几个组件是独立的解耦的,大多数组件都因为状态数据的共享而耦合在了一起,且他们也完全依赖状态管理框架。无法再轻松的转移复用。使用高阶组件,属性渲染,渲染回调等高级特性,确实可以帮我们解决模块或功能的解耦问题。但是这些方法,确实有点超出普通“猿类”的技能。且降低了代码的可读性,对于团队协作,这是很致命的问题。
React Hooks 真正开启前端模块化的金钥匙。
对于以上问题,React Hooks 都有很好的解决方案,官方的设计动机就是解决这些曾经的繁琐,化繁为简。React Hooks 让我们在纯函数中就可以使用 React 的众多特性。而不必使用类。代码扁平,易读。解耦状态相关逻辑,UI 逻辑和业务逻辑更好的分离。这些逻辑往往是纯函数,而以前很容易混合在类组件中。通过自定义 Hooks 我们可以把应用中“状态相关”逻辑解耦出来,独立编写到我们自己的 hooks 中。从而更加易于复用和独立测试。
谁适合学习
刚开始学习 React,还没用过状态管理。尽早掌握 Hooks 特性,他非常简单和好用,循序渐进的进行状态管理,避免所有项目都直接引入状态管理框架。
有 React 基础知识,希望找到开发 React 的正确姿势 掌握 Hooks 会让你少走很多弯路。从一开始就把代码写的简单易读,讲师个人的观点,使用状态管理相关的框架,初期通常会让你的代码陷入混乱。但使用 hooks 会减少这种几率。
对前端开发有较多经验,想拓展下思路,了解下 React 的新特性 相信这节课程将会对你产生最大的共鸣。因为 Hooks 的确解决了之前开发中很多困扰。
课程大纲
这个课程包括:最常用的 Hook 以及 React 16.8.3 包含的所有 hooks Api 的使用。每个 Api 都会有一个或多个代码案例,讲师尽量通过案例让大家都能理解这些新概念。
Basic Hooks
useState
useEffect
useContext
Additional Hooks
useReducer
useCallback
useMemo
useRef
useImperativeHandle
useLayoutEffect
useDebugValue
自定义 Hooks