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

02|理解 Hooks:React 为什么要发明 Hooks?

王沛 2021-05-27
你好,我是王沛。
React 作为目前最为主流的前端框架,自 2013 年诞生至今已经有近 8 年的时间了。这 8 年来,在其他前端框架发生翻天覆地变化的同时,React 的 API 则非常稳定,几乎从来没有出现过重大的向后兼容的问题,而且每一次版本的升级也都非常顺滑。
这不仅说明 React 在 API 的设计上经受住了考验,同时也可以看到 React 团队在稳定 API 上所做的努力。
但是即使在这样稳定的背景下,React 还是在两年前的 16.8 版本中推出了一套全新的 Hooks 机制。新版本的发布,在让人耳目一新的同时,也让广大早就恐惧于各种新轮子的前端同学心头一紧,产生本能的抗拒:这是什么东西?有什么用?难道现在的 API 不好吗?
如果你也有这样的疑问,那我要先给你吃一颗定心丸,这样的担忧是没有必要的。
其实对于 React 开发而言,这只是多了一个选择。因为原来的基于 Class 的组件完全可以继续使用,这意味着这两种开发方式可以并存,已有代码不需要做任何改动,而新的代码可以根据具体情况采用 Hooks 的方式来实现就行了。
那么,既然在追求极致向后兼容性的原则下,React 还是推出了新的 Hooks API,一定有其过人的一面。所以今天这节课,我就跟你一起探讨它的过人之处究竟是什么;为什么要发明 Hooks;以及它所解决的问题是什么。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《React Hooks 核心原理与实战》,如需阅读全部文章,
请订阅文章所属专栏新⼈⾸单¥59.9
立即订阅
登录 后留言

精选留言(5)

  • Forest
    逻辑复用应该是hook的最大优点吧
    2021-05-27
  • 凡凡
    路由变化可以作为数据源吗

    作者回复: 可以的,像 react router 就提供了这个 Hook,也有一些第三方 library 也提供了,比如:https://github.com/streamich/react-use/blob/master/src/useLocation.ts 就是一个实现。

    2021-05-27
  • 独白
    思考题:首先想到的是官方的一个api useReducer。还有的话,就是监听滚动条向上向下呀。
    看了老师这节课,才弄清除hooks真正重要的东西是啥。

    作者回复: 说的很好啊~ useReducer 是个比较通用的,类似于 useState 但是按照 Redux 的模式提供了一定的统一 state 管理机制。滚动条位置确实是个很好的例子,开发中也经常用到,在第6课就会讲到这个例子。

    2021-05-27
  • 刘洋
    多久更新完啊

    编辑回复: 每周二四六更新,预计7月13日更新完毕

    2021-05-27
  • Geeker
    加深了我对 hooks 的理解

    作者回复: 不错哈~

    2021-05-27
收起评论
5
返回
顶部