这是 「MDH:前端周刊」 第 0008 期,发表于:2021/06/28。本期刊开源(GitHub: sorrycc/weekly),欢迎 issue 区投稿,推荐或自荐项目。
封面图:sxy_selia @ www.unsplash.com 。
👉 Umi 2.5 Beta
👉 ES2021 获批
👉 Mitt 3
👉 Storybook for Vite
👉 SWR 1 Beta
👉 Less ModifyVars Example
👉 Styled Components 解密
Umi 2.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 已获 Ecma General Assembly 批准,包含:
- Logical Assignment Operators (&&= ||= ??=)
- Numeric Separators (1_000)
- Promise.any & AggregateError
- String.prototype.replaceAll
- WeakRefs & FinalizationRegistry
https://github.com/developit/mitt/releases/tag/3.0.0
Mitt 发布 3.0
- 支持删除某个 type 的所有事件
- 改善类型提示,event 的参数类型可通过推导得出
- 使用 Package Exports
https://storybook.js.org/blog/storybook-for-vite/
Storybook 最近动作频频,自 6.2 支持 webpack 5 后,6.3 又通过扩展的方式支持了 Vite。
https://github.com/vercel/swr/releases/tag/1.0.0-beta.7
包含,
- 使用 bunchee 打包工具
- 自定义 Cache Provider
- 支持中间件
https://codepen.io/seven-phases-max/details/dPYxzR
利用 less modifyVars 动态修改 less 变量的例子,利用这个扩展下可实现动态换肤。
https://www.joshwcomeau.com/react/demystifying-styled-components/
文章介绍 styled.x
定义是如何转换为 css 的,通过探究原理,介绍如何构建一个 toy 版的 styled-component。
本周刊每周一发布,同步更新在语雀 「mdh/weekly」 和微信公众号。
微信搜索 「云谦」 或者扫描二维码,即可订阅。
(完)