React Forget 了解一下,React without memo 啦

1,897 阅读1分钟

这是 @黄玄 同志在 React Conf 2021 上的分享。

来很简短的介绍一下:

  1. 首先是一个 TodoList 的代码 ↑↑

  1. 每次改配色,getFiltered 就一直执行,这合适吗?这不合适 ↑↑

  1. 所以我们得用 useMemo、useCallback 全都包一遍 ↑↑

  1. React 的目标一直是让开发者更简单的构建 UX,而不是更麻烦 ↑↑

  1. 各种 Hooks 不仅让代码不好读,还得担心 memo 出问题 ↑↑

  1. 不加 memo,开发体验好,但产品难用,加 memo,开发崩溃,但产品好用 ↑↑

  1. 如果可以这样写代码呢?逻辑全都 memo,连 JSX 里的 map 函数都 memo ↑↑

  1. 如果可以直接写 React 而不用 memo 呢? ↑↑

  1. 如果有个 React 编译器自动帮你做 memo 的工作呢?那四不四太爽了 ↑↑

  1. 这个编译器叫 React Forget,可自动 memo,别激动,还在开发中 ↑↑

完整演讲视频在这里:www.youtube.com/watch?v=lGE…


尤雨溪同志和黄玄同志亲切交换了双方意见:


那这跟我有啥关系?当然有关系了!

首先,我是一名 React 开发者!不是,我说的不是这个 ...

我没看 React Conf 直播,最早是在 Twitter 刷到下面的推文,回复里提到一篇文章。

嗯?这文章似乎有点意思 ... 等等 ... 这文章不是我写的吗?!

没想到,深夜刷推吃瓜,竟然吃到了我自己,真是奇妙。

WX20211210-210437@2x.png

原文在这:nanxiaobei.medium.com/react-split…

中文翻译:zhuanlan.zhihu.com/p/430796962 (好吧,其实英文是从中文翻译过去的 😒