MDH 前端周刊第 8 期：Umi 3.5 Beta、ES2021、SWR 1 Beta

这是 「MDH：前端周刊」 第 0008 期，发表于：2021/06/28。本期刊开源（GitHub: sorrycc/weekly），欢迎 issue 区投稿，推荐或自荐项目。

封面图：sxy_selia @ www.unsplash.com 。

❄️ TL;DR

👉 Umi 3.5 Beta
👉 ES2021 获批
👉 Mitt 3
👉 Storybook for Vite
👉 SWR 1 Beta
👉 Less ModifyVars Example
👉 Styled Components 解密

⚡ 展开讲讲

Umi 3.5 Beta

https://github.com/umijs/umi/issues/6766

Umi 3.5 Beta 新增 MFSU（Module Federation based Speed Up solution）提速功能，MWFA（Make Webpack Fast Again），经验证，Ant Design Pro 模板项目二次启动 1-3s，热更新 500ms 左右。

• 基于 Webpack
• 适用于生产
• 支持多人协作（复用团队编译好的依赖）
• 通用方案
• Developer eXperience（DX）Optmized

Beta 测试群好评如潮！

ES2021 获批

https://h3manth.com/ES2021/

ES2021 已获 Ecma General Assembly 批准，包含：

• Logical Assignment Operators (&&= ||= ??=)
• Numeric Separators (1_000)
• Promise.any & AggregateError
• String.prototype.replaceAll
• WeakRefs & FinalizationRegistry

Mitt 3

https://github.com/developit/mitt/releases/tag/3.0.0

Mitt 发布 3.0

• 支持删除某个 type 的所有事件
• 改善类型提示，event 的参数类型可通过推导得出
• 使用 Package Exports

Storybook for Vite

https://storybook.js.org/blog/storybook-for-vite/

Storybook 最近动作频频，自 6.2 支持 webpack 5 后，6.3 又通过扩展的方式支持了 Vite。

SWR 1 Beta

https://github.com/vercel/swr/releases/tag/1.0.0-beta.7

包含，

• 使用 bunchee 打包工具
• 自定义 Cache Provider
• 支持中间件

Less ModifyVars Example

https://codepen.io/seven-phases-max/details/dPYxzR

利用 less modifyVars 动态修改 less 变量的例子，利用这个扩展下可实现动态换肤。

Styled Components 解密

https://www.joshwcomeau.com/react/demystifying-styled-components/

文章介绍 styled.x 定义是如何转换为 css 的，通过探究原理，介绍如何构建一个 toy 版的 styled-component。

🕒 订阅

本周刊每周一发布，同步更新在语雀 「mdh/weekly」 和微信公众号。
微信搜索 「云谦」 或者扫描二维码，即可订阅。

（完）