React Hooks 核心原理与实战
业务场景驱动,带你吃透 React Hooks
王沛  eBay 中国研发中心资深技术专家
专栏
已完结·共 25 讲
|
1.1w 人已学
|
收藏
state 中永远不要保存可以通过计算得到的值。
来自:03|内置 Hooks(1):如何保存组件状态和使用生命周期?
13 人划过
另一方面,因为所有 UI 都是由状态驱动的,因此很少会在外部去调用一个类实例(即组件)的方法。要知道,组件的所有方法都是在内部调用,或者作为生命周期方法被自动调用的。
来自:02|理解 Hooks:React 为什么要发明 Hooks?
9 人划过
虽然没有直接的机制可以做到这一点,但是利用 useRef 这个 Hook,我们可以实现一个 useSingleton 这样的一次性执行某段代码的自定义 Hook,代码如下:
来自:05|进一步认识 Hooks :如何正确理解函数组件的生命周期?
9 人划过
简单来说,middleware 可以让你提供一个拦截器在 reducer 处理 action 之前被调用。在这个拦截器中,你可以自由处理获得的 action。无论是把这个 action 直接传递到 reducer,或者构建新的 action 发送到 reducer,都是可以的。
来自:07|全局状态管理:如何在函数组件中使用 Redux?
6 人划过
render props 就是把一个 render 函数作为属性传递给某个组件,由这个组件去执行这个函数从而 render 实际的内容。
来自:10|函数组件设计模式:如何应对复杂条件渲染场景?
6 人划过
useXXX 的函数,但是内部并没有用任何其它 Hooks,那么这个函数就不是一个 Hook,而只是一个普通的函数。但是如果用了其它 Hooks ,那么它就是一个 Hook。
来自:06|自定义Hooks :四个典型的使用场景
5 人划过
副作用一定是和当前 render 的结果没关系的
来自:答疑解惑01|如何转换应用React Hooks 的思路?
4 人划过
源代码没有按照业务功能组织在一起,而是从技术角度进行了拆分
来自:12|项目结构:为什么要按领域组织文件夹结构?
4 人划过
在 React 中,所有的 UI 都是通过组件去描述和组织的
来自:01|认识 React:如何创建你的第一个 React 应用?
3 人划过
React 函数组件是一个同步的函数
来自:09|异步处理:如何向服务器端发送请求?
3 人划过
*精彩内容为该课程各文章中划线次数最多的内容
免费试读
讲师

王沛

eBay 中国研发中心资深技术专家

王沛,现担任 eBay 中国研发中心资深技术专家,负责 eBay 内部前端框架的研发。 作为国内第一批 React 的实践者和布道者,创建了 Rekit 开源项目:专属的 React 开发 IDE,目前在 GitHub 有超过 5000 Star。 曾任职于 IBM 和 ...查看更多
编辑推荐
讲师的其他课程
React 实战进阶 45 讲
王沛
eBay 中国研发中心资深技术专家

46讲 | 35694 人已学习

¥68¥199
看过的人还看了
重学前端
程劭非(winter)
前手机淘宝前端负责人

57讲 | 105377 人已学习

¥59¥129
数据结构与算法之美
王争
前 Google 工程师

81讲 | 283805 人已学习

¥68¥199
浏览器工作原理与实践
李兵
前盛大创新院高级研究员

46讲 | 56422 人已学习

¥59¥129
左耳听风
陈皓
网名“左耳朵耗子”,资深技术专家

119讲 | 181001 人已学习

¥98¥399
设计模式之美
王争
前 Google 工程师,《数据结构与算法之美》专栏作者

113讲 | 123470 人已学习

¥98¥299
现代 React Web 开发实战
宋一玮
FreeWheel 中国研发中心前端架构师

31讲 | 16132 人已学习

¥59¥99