React Hooks 核心原理与实战
王沛
eBay 中国研发中心资深技术专家
新⼈⾸单¥59.9
735 人已学习
课程目录
已更新 4 讲 / 共 23 讲
0/2登录后,你可以任选2讲全文学习。
开篇词 (1讲)
开篇词 | 全面拥抱 Hooks,掌握最新 React 开发方式
免费
基础篇 (3讲)
01|认识 React:如何创建你的第一个 React 应用?
02|理解 Hooks:React 为什么要发明 Hooks?
03|两个核心Hook:掌握 React 函数组件的开发思路
React Hooks 核心原理与实战
15
15
1.0x
00:00/00:00
登录|注册

03|两个核心Hook:掌握 React 函数组件的开发思路

王沛 2021-05-29
你好,我是王沛。这节课我们一起来学习基本 Hooks 的用法。
如果你用过基于类的组件,那么对组件的生命周期函数一定不会陌生,例如 componentDidMount, componentDidUpdate,等等。如果没有使用过,那也没关系,因为在今天这节课里,你会看到基于 Hooks 去考虑组件的实现,这会是一个非常不同的思路,你完全不用去关心一个组件的生命周期是怎样的。
特别是如果你已经习惯了类组件的开发,那么要做的,甚至是彻底忘掉那些生命周期方法。不要遇到一个需求,就映射到这个功能该在哪个生命周期中去做,然后又要去想原来的声明周期方法在函数组件中应该怎么用 Hooks 去实现。
正确的思路应该是遇到需求时,直接考虑在 Hooks 中去如何实现
React 提供的 Hooks 其实非常少,一共只有 10 个,比如 useState、useEffect、useCallback、useMemo、useRef、useContext 等等。这一讲我们会先学习 useState 和 useEffect 这两个最为核心的 Hooks。下一讲则会介绍另外四个常用的 Hooks。掌握了这些 Hooks,你就能进行 90% 的 React 开发了。
不过在讲之前我想强调一点,这些 Hooks 的功能其实非常简单,多看看官方文档就可以了。因为这节课的目的,其实是让你学会如何用 Hooks 的思路去进行功能的实现。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《React Hooks 核心原理与实战》,如需阅读全部文章,
请订阅文章所属专栏新⼈⾸单¥59.9
立即订阅
登录 后留言

精选留言(1)

  • aloha66
    代码的原意可能是在 todos 变化的时候去产生一些副作用
    const todos = [{ text: 'Learn hooks.'}]; useEffect(() => { console.log('Todos changed.'); }, [todos]);
    如果真的是需要监听todos变化做一些操作应该怎么实践了?
    2021-05-29
    1
收起评论
1
返回
顶部