[卡颂直播]React Hooks一次性通关

2020/12/22 08:18
阅读数 437

在13年JS CONF EU[1]上,Pete Hunt发表一篇题为:

React: Rethinking best practices

的演讲。标志着这款框架从Facebook内部走向大众视野。

可以说,从出生伊始,React的使命就不是讨好用户,而是Facebook探索前端UI开发最佳实践的一次尝试。

实践当然有成功,也有失败。

失败的比如老Context APImixin

还在尝试中的比如Concurrent Mode

而近2年最成功、影响最广泛的实践,就是由核心成员Sebastian Markbåge提出的Hooks

大家经常抱怨,React好难,Vue真好用。

这种差异从两者出生那一刻就奠定了:

  • React不是为了让你用着舒服而生的,而是大公司财大气粗的试验产品

  • Vue作为个人项目,只有极力讨好用户才能谋生存,图发展

而在React推出Hooks后,Vue3也跟进了同样理念的Composition API。从这个角度看,Hooks确实对社区产生了深远的影响,也取得了事实层面的成功。

Hooks认知的缺失

虽然Hooks已经问世快2年了,社区也在大规模使用,但是在教学方面,还是有缺失的。

当前React官方文档主要围绕ClassComponent讲解。以Hooks为中心的文档预计21年一季度会面世。

新文档的编写者是Redux作者Dan Abramov

在此之前,如何提升对Hooks的认知呢?

从理念到实现到源码

React技术揭秘[2]作者卡颂会在12月26日晚8点在B站进行一场关于Hooks的直播。

内容包括:

  1. 理念部分

Hooks的发明者Sebastian Markbåge多次提到的理念 —— 代数效应出发,讲解Hooks的设计理念。

  1. 实现部分

从0到1基于React源码流程,实现一个不到90行代码的Hooks

  1. 源码部分

一通百通,有了2的基础,我们会一起阅读React源码,了解他们的实现:

  • useState

  • useReducer

  • useEffect

  • useRef

  • useMemo

  • useCallback

通过一个小时直播,完全打通对Hooks的理解。




识别上图二维码,关注「魔术师卡颂」公众号,后台回复「369」获取直播地址。

绝知此事要躬行。90行的Hooks代码虽少,但也需跟着敲代码才能更好理解。

直播完成后,可以随时在公众号后台回复「369」获取录播。

公众号长期更新React技术栈原创好文,拉你进React进阶/源码群。

参考资料

[1]

JS CONF EU: https://www.youtube.com/watch?v=x7cQ3mrcKaY

[2]

React技术揭秘: https://react.iamkasong.com/


本文分享自微信公众号 - 前端巅峰(Java-Script-)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部