前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[直播] Hooks从理念到实现到源码

[直播] Hooks从理念到实现到源码

作者头像
童欧巴
发布2020-12-31 10:00:07
5670
发布2020-12-31 10:00:07
举报
文章被收录于专栏:前端食堂前端食堂

在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/

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-12-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端食堂 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Hooks认知的缺失
  • 从理念到实现到源码
    • 参考资料
    相关产品与服务
    云直播
    云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档