MDH 前端周刊第 61 期:Bun 公测、React 状态管理新浪潮、前端趋势 2022、Turborepo - 图1
封面图:whatispictureperfect @ unsplash。

Hi,我是云谦,欢迎打开新一期的「MDH:前端周刊」,这是第 0061 期,发表于 2022/07/11。

本周有这些内容想和你分享:

  • Bun 公测
  • React 状态管理新浪潮
  • 尤雨溪:前端趋势 2022
  • Turborepo 两大特性
  • skr canvas

Bun 公测

https://bun.sh/

MDH 前端周刊第 61 期:Bun 公测、React 状态管理新浪潮、前端趋势 2022、Turborepo - 图2

随着 Bun 的发布,算是凑齐了 JavaScript 三剑客:Node、Deno 和 Bun。Bun 的官方定义是「Bun is a fast all-in-one JavaScript runtime」。Fast、All-in-one 和 JavaScript Runtime。

React 状态管理新浪潮

https://frontendmastery.com/posts/the-new-wave-of-react-state-management/

MDH 前端周刊第 61 期:Bun 公测、React 状态管理新浪潮、前端趋势 2022、Turborepo - 图3

这篇文章分析了全局状态库需要解的问题,以及梳理现代流行库对于这些问题的解法。

要解的问题主要是四个。1)能从组件树的任何地方读取存储的状态,存储状态可能来自 React runtime 内或者外,2)对存储状态的写入能力,注意心理模型的冲突,比如 redux 的不可变和 immer 的可变,3)提供优化渲染的机制,比如通过 selector 的手动优化和自动优化,4)提供优化内存使用的机制,利用 React 生命周期会更容易。

还有一些其他问题。1)与并发模式的兼容性,会导致 tearing,useSyncExternalStore 可以解此问题,2)数据序列化,用于保存和恢复状态,3)context 丢失问题,比如同时有 react-dom 和 react-three-fiber 时,4)stale props 问题,5)zombie child 问题。

尤雨溪:前端趋势 2022

https://juejin.cn/post/7117208851945881613

7.22 才有演讲,可以提前看大纲。

1、Hooks 开发范式已成社区共识,useEvent 是 React 官方的一次 Bugfix,React Forget 则是在编译层的一次尝试;基于编译的响应式系统,比如 Svelte 和 Vue Reactivity Transform

2、工具链大量基于原生语言,混合使用将成为常态

3、全栈框架的数据流方案不同于纯客户端方案;同时全栈也有代价,社区新冒出很多解,包括 RSC、Astro、Qwik、VitePress 等

Turborepo 两大特性

https://www.maxpou.fr/turborepo

MDH 前端周刊第 61 期:Bun 公测、React 状态管理新浪潮、前端趋势 2022、Turborepo - 图4

Turborepo 两大特性。1)Pipeline,解决任务依赖问题,尽可能并行和前置执行,2)缓存和远端缓存。

skr canvas

https://github.com/Brooooooklyn/canvas

0 依赖的 node canvas 库。

周刊一锅端

小结

如果你喜欢 MDH 前端周刊,请转发给你的朋友,告诉他们到这里来订阅,这是对我最大的帮助。下期见!
MDH,让开发者有笑容 :)