613 期 - TypeScript 4.9 RC 发布

本期看点：本期看点：上周，Evan You 在 GitHub 上发布了 Turbopack 与 Vite 关于 HMR 的速度对比的测试结果文章，引起了广泛的讨论.……更多热门文章资讯请点击本期周刊查看！
编辑：Jojo、Yucohny、Matrixbirds

🔥 本周热门

JavaScript 中的 “realm” 是什么？ — 关于 ‘realm’ 我们平常是用不到的，但是了解它会加深你对底层 JS 的理解。realm 本质上是 JavaScript 程序的完整执行环境。

Gal Weizman

如果你的 真的 想一探究竟，那么就和  Axel 一起，进入 ShadowRealm 的世界吧... ...

Turbopack 真的比 Vite 快 10 倍吗？ —上周的大新闻是 Turbopack 的发布，它是基于 Rust 的 Webpack “继任者”。Turbopack 在宣传时说比 vite 快了十倍， 尤雨溪亲自写了这篇文章对此说法进行反驳，并运行了一些基准测试进行更细致的性能对比。（Turbopack 已经对此进行道歉）

Evan You

Shopify 收购 Remix 项目 — 在开源仅仅一年之后，Remix，一个令人兴奋的全栈 Web 框架及其相关公司，已被电子商务巨头 Shopify 收购。Dion 在这里解释了原因，但如果你更喜欢▶️ 简短的两分钟视频概述 Fireship 频道收录了这个新闻。

Dion Almaer (Shopify)

TypeScript 4.9 RC 发布 — 期待已久的版本又向前迈进了一大步。satisfies 用以验证表达式的类型是否匹配某些类型，而 不更改 实际结果类型。这里还有 类的 auto-accessors（ES 本身即将推出的功能）和编辑器增强功能，比如 删除未使用的导入 和 导入排序。4.9 最终版预计在两周后亮相。

Daniel Rosenwasser

快讯：

📒 教程与趣事

2022 年如何构建，测试并发布一个 TypeScript 编写的 npm 包 — 在这篇内容精炼又贴心的演练文章里，介绍了这些基本步骤。

Ianis Triandafilov

'Next.js 打包出的产物会感谢你' — 如果你的 Next.js 应用打包出的产物比预期的更加大一些，前端工程师 Renato 的打包优化建议会使你受益。

Renato Pozzi

设计一个符合正常人阅读的计算日期差的 JavaScript 工具库 — 有许多类似的工具库提供了“2 分钟之前”, “五个月之前” 或者 “一年之前”，这样的功能，你是否有了解到 Intl API 也可以做到？ 如：Intl.RelativeTimeFormat()，支持国际化数词。 GitHub 官方仓库的relative-time 可以帮助你了解更多 Intl API 的使用。

Amit Merchant

基于 Storybook test runner 实践代码测试的覆盖率 — 代码测试的覆盖报告会显示当前测试覆盖了多少的代码，帮助你找到未覆盖测试的地方。Storybook 的 test runner 工具可生成测试覆盖报告，并且现已支持 React、Preact、Svelte 和 Vue 这些主流框架的开箱即用。

Yann Braga (Storybook)

教你打包并发布一个 Vue.js 3.0 插件的 npm 包 — 使用 Vite 打包构建出产物，使用vue-tsc生成类型带来更好的开发体验。

Daniel Kelly

实现一个支持无障碍能力的提示框 UI 组件 — 一个支持颜色自适应且具有无障碍能力的<tool-tip>自定义 UI 组件，这篇文章介绍了它的实现思路。这里也有一个 ▶️ 视频版本的教程 可供参考，精简版本的 JavaScript 实现。

Adam Argyle

▶ 基于 React 和 Three.js 复刻一个我的世界游戏 — (91 minutes.) Daniel Berk

用 WasmEdge 基于 Webassembly 运行 JavaScript 程序 — 这篇文章会带你分析它的优势和劣势。

Second State

JavaScript Promise API 的概览

Sandeep Panda & James Hibbard beginner

🛠 代码与工具

Vuestic UI 1.5: 一个 Vue 3.0 的 UI 组件库 — 这是一个提供了 60 个可定制 UI 的组件库。 v1.5 是一个重大版本，在无障碍能力方面有显著的提高。并且提供了新的树级组件，视图分割条，下拉框和虚拟列表等组件以及暗黑主题模式等等。 更多功能参见官方网站。

Epicmax

Joi v17.7: 对象结构描述及数据校验工具库 — Joi 可以用简单的方式帮助你描述应用里的数据结构，API 易用且直观，它可以校验数据的合法性，示例代码：Joi.string().min(3).max(30)。

Sideway Inc.

directory-serve: 便捷的将你的目录发布成 HTTP 服务 — 只需要你本地具有 Nodejs 以及 npm 环境的安装，执行npx directory-serve .就可以得到一个 HTTP 的服务器，并将你当前的目录发布成 HTTP 应用。

Cube-Root

relative-time: 一个支持本地化相对时间的时间格式化标签— 这个组件提供标准化的日期时间的格式化能力，它会渲染出对应的时间格式文本。

GitHub

Pinceau: 一个基于 Vue 的 CSS in TypeScript 的框架— 当前项目虽然处于早期阶段，但已可以和 Vue 无缝集成。并且支持 Nuxt，Vitesse 和 Vite 一起集成。 Yaël Guilloux

Markdoc v0.2: 一个灵活的，基于 Markdown 的静态网站制作框架 — 一种 Markdown 能力的扩展，可用于博客和文档。 可以直接用于 Stripe 平台的文档，也可以单独在你自己的系统里使用它。GitHub  开源仓库地址。

Stripe

版本发布:

© 2025 印记中文 | 粤ICP备17008907号-2