前端食堂技术周刊第 55 期：Rollup v3.0.0、Volar 1.0 Nika、TypeScript 十年

这是前端食堂的第 131 篇原创

美味值：🌟🌟🌟🌟🌟

口味：桂花秋梨

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

本期摘要

• Rollup v3.0.0
• Volar 1.0 Nika
• TypeScript 十年，不忘初心
• 2022 Web 网络年鉴
• Resumable vs. Hydration
• JavaScript 框架的新浪潮
• 用 Sandpack 打造世界级 Playground

如果你想赞助食堂，可以订阅本周刊的竹白专栏付费版，食堂给你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限。

订阅地址：https://hungryturbo.zhubai.love/

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1.Rollup v3.0.0[2]

Rollup 发布 v3.0.0，带来了大量更新。其中 Breaking Change 包括最低支持 Node 14.18.0、浏览器构建拆成单独的包 @rollup/browse、Node 构建使用 node: 前缀导入内置模块、移除一些以前被废弃的功能，使用时提示警告等。还有包括 Options 配置、插件 API、以及一系列的新特性。

2.Volar 1.0 Nika[3]

Volar 发布 1.0，代号 Nika，此次更新主要改进了 UX/DX、性能、包体积、Plugin API v1，将核心代码重构使其与框架无关。

3.TypeScript 十年，不忘初心[4]

祝 TypeScript 10 周年生日快乐 🎂。

下面我们来看技术资料。

技术资料

1.2022 Web 网络年鉴[5]

2022 Web 网络年鉴，共计 23 个小章节，包含页面内容、用户体验、内容发布和内容分发等方面，从这些调研数据中可以窥探出各个技术的真实现状。

2.Resumable vs. Hydration[6]

本文介绍了 Qwik 框架可恢复性的实现原理以及与常规补水相比具有的优势。

3.JavaScript 框架的新浪潮[7]

新浪潮这个词今年特别流行，又是一篇“新浪潮”的好文，本文把从古至今各个时代 JavaScript 的典型框架和遇到的痛点问题进行梳理，从而还原出一篇极简的 JavaScript 框架演进史。

4.用 Sandpack 打造世界级 Playground[8]

CodeSandbox 开源了 Sandpack，本文教你使用 Sandpack 打造出一个功能齐全的 Playground。

其他信息

• Bun v0.2.0[9]
• Storybook 7.0 中 Vite 成为内置选项[10]
• Astro 1.5.0 Release[11]
• Deno 1.26 Release[12]
• Ant Design 5.0 Alpha[13]
• Lerna v6.0.0[14]
• Vite 3.1.8[15]

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.（可能是）最硬核的色彩系统总结[16]

2.前端版本兼容问题的探索[17]

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。

周刊一锅端

如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～

• 前端早早聊的 18 个成长宝藏库[18]：前端早早鸟，前端早早跑
• MDH 前端周刊[19]：大厂一线 P8，Umi、Dva 等库作者
• DEX 周刊[20]：关于产品、设计、前端、软件等内容的精华资讯邮件列表

参考资料

[1]

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

[2]

Rollup v3.0.0: https://github.com/rollup/rollup/releases/tag/v3.0.0

[3]

Volar 1.0 Nika: https://blog.vuejs.org/posts/volar-1.0.html

[4]

TypeScript 十年，不忘初心: https://devblogs.microsoft.com/typescript/ten-years-of-typescript/

[5]

2022 Web 网络年鉴: https://almanac.httparchive.org/en/2022/

[6]

Resumable vs. Hydration: https://qwik.builder.io/docs/concepts/resumable/

[7]

JavaScript 框架的新浪潮: https://frontendmastery.com/posts/the-new-wave-of-javascript-web-frameworks/

[8]

用 Sandpack 打造世界级 Playground: https://www.joshwcomeau.com/react/next-level-playground/

[9]

Bun v0.2.0: https://github.com/oven-sh/bun/releases/tag/bun-v0.2.0

[10]

Storybook 7.0 中 Vite 成为内置选项: https://storybook.js.org/blog/first-class-vite-support-in-storybook/

[11]

Astro 1.5.0 Release: https://astro.build/blog/astro-150/

[12]

Deno 1.26 Release: https://deno.com/blog/v1.26

[13]

Ant Design 5.0 Alpha: https://zhuanlan.zhihu.com/p/569763868

[14]

Lerna v6.0.0: https://github.com/lerna/lerna/releases/tag/v6.0.0

[15]

Vite 3.1.8: https://github.com/vitejs/vite/blob/v3.1.8/packages/vite/CHANGELOG.md

[16]

（可能是）最硬核的色彩系统总结: https://mp.weixin.qq.com/s/kibQedZ09TCU2nxJG_v4pQ

[17]

前端版本兼容问题的探索: https://supercodepower.com/fontend-target

[18]

前端早早聊的 18 个成长宝藏库: https://mp.weixin.qq.com/s/3yLbUwqzSy2gFHXkO0PICg

[19]

MDH 前端周刊: https://mp.weixin.qq.com/s/NGux3r0P1JJH_z4-vfeksQ

[20]

DEX 周刊: https://newsletter.dex.group/

公众号：前端食堂

知乎：童欧巴

掘金：童欧巴

这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～