【第 24 期】前端食堂技术周刊

美味值：🌟🌟🌟🌟🌟

口味：香烤原味薯片

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
  

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。

技术资讯

1. Babel v7.17.0
   

装饰器折腾了好几年，好像终于要尘埃落定了，此版本包括对新提案的解析和转换支持，还添加了对 RegExp 中新标志 v 的支持。

2. MDX 2
   

经过多年努力，MDX 2 终于发布，主要的改进有：

• 语法改进用起来更方便

• esbuild、Rollup、Node.js 集成

• 支持任何 JSX 运行时：React、Preact、Vue、Emotion

3. Node 终于实现了 fetch
   

喜大普奔，Node 核心将支持 fetch，不需要使用 node-fetch 等第三方库了，其实现基于 undici，目前作为实验特性，需要使用 node --experimental-fetch flag 开启。

4. vite v2.8.0
   

publish size 是原来的 1/4，关于实现细节可以参照这个链接

5. Parcel v2.3.0
   

通过依赖预打包/按需安装，依赖减少 70% 以上。

6. Google Chrome’s New Icon
   

时隔 8 年，谷歌浏览器图标更新了又好像没更新，是在学习小米吗？

技术资料

1. 2022 年，我们再来谈谈 React 状态管理
   

文章阐述了 React 社区状态管理库多年来的思路演进以及对最佳实践的不断探索。

2. 高性能的 Hydration 有哪些挑战？
   

“银弹”难求。

• Static Routes (No Hydration)：Remix、SvelteKit、SolidStart

• Lazy-loading the JavaScript (Progressive Hydration)：Astro

• Extracting Data from the HTML：Prism Compiler

• Islands (Partial Hydration)：Marko、Astro

• Out of Order Hydration：Qwik

• Server Components：React Server Components

3. 完整的 npm 初学者指南
   

包含 9 个章节的系列文章，适合新手入门。

4. Not Another Framework!
   

Ryan Florence（Remix 联合创始人）写的一篇博文，解释了学习 Remix 的理由：Remix 并不是另一个新的框架。

5. 当我使用 Valtio 和 Jotai 时
   

Daishi kato 将两个状态管理库进行了对比，并给出了它们适合的使用场景。

好文推荐

1. 2021 大前端技术回顾及未来展望
   

2. 一起来摇摆，接近天花板的 TS 类型体操