本周主线是移动端与编译链同时换轨：Shopify 弃 React Native 转原生后，oxc 的 Rust 版编译器把千文件 React 应用构建压到 0.81 秒；Three.js 巴黎首会开启 WebGPU 视觉篇；Vitest 5.0 提速 53% 并带来 Trace View，Rslib 1.0 与 deck.gl 9.4 相继发布，浏览器则有 W3C 日本三十周年回顾。

🎨 HTML/CSS

构建 Depth：在 Figma 内设计与开发一个 3D 渲染器

回顾 Depth 的诞生过程，从在 Figma 内部构建 3D 渲染器，到设计一个用于展示其能力的网站。

Yestalgia：用趣味数字体验复活迪卡侬的 90 年代精神

深入了解 Yestalgia 如何通过艺术指导、交互、动画与创意开发，把迪卡侬的 90 年代灵感愿景搬到网页上。

构建一份能扛住董事会的 UX 投资回报率论证

迟早会有 CFO 盯着你的线框图，问这些东西到底给利润带来了什么。故事板回答不了这个问题，而靠五分钟路演就能回答的时代，很遗憾，早就结束了。如今，要想赢得预算、认同与对 UX 的支持，

走进巴黎首届 Three.js 大会

来自巴黎现场的报道，带你走进史上首届 Three.js 大会。

用 Three.js 把名字变成数字建筑

为巴黎 Three.js 大会，BL/S® 打造了一个交互实验，能把你的名字变成一个动态的 3D 结构。

Still：从《阿基拉》到水墨，在 WebGPU 中构建一座生成式花园

对 Still 的技术深度剖析，探索 WebGPU、程序化系统与日本艺术影响如何共同构成一座有生命的生成式花园。

按钮之死：为什么最好的界面是没有界面

自从 Xerox Star 等系统开创、并由初代 Apple Macintosh 普及的图形用户界面商业化以来，软件一直高度依赖点选交互。如果你想预订行程、买一双鞋，或者研究某个健康症状，你

用 Three.js、WebGPU 和 TSL 构建无限液态玻璃网格

一次对无限网格、液态玻璃与视频折射的探索，用到 Three.js、WebGPU、TSL 以及自定义着色器。

以光作画：用 TSL 和 WebGPU 探索发光 GPU 管道

一个 meshline 的习惯如何演变成管道渲染器，以及我在这条路上把数学搞错的三次。

🟨 JavaScript/TypeScript

Vitest 5.0 聚焦速度与测试调试

这款 Vite 原生测试运行器的重大版本，配套的基准测试仓库显示，在依赖繁重的应用上运行速度最高提升 53%。新的 Trace View 可以一步步回放浏览器模式下的测试，vitest doctor 则会推荐让测试套件跑得更快的配置。

前端项目的 10 个反「垃圾代码」举措

逐一讲解那些能减少你需要审查的代码量的自动化检查，涵盖 OpenAPI 代码生成、分层边界、变异测试，以及用 CI 让这一切落到实处。

浏览器主线程很贵

一篇配了演示的详尽文章，讲如何用好主线程时间，包括拆分、批处理、排优先级与延迟任务，最终把工作彻底移出主线程。

vgpu：在浏览器或 Node.js 中渲染 WebGPU 着色器

提供了一种方式，让同一个着色器既能在浏览器中使用，也能在 Node 中无头渲染（输出高分辨率 PNG 或 MP4 视频）。WGSL 模块像 TypeScript 那样导入导出。

SimpleWebAuthn 14.0：现已支持后量子通行密钥

这个通行密钥库现在可以验证后量子的 ML-DSA 通行密钥，并且在 Node 24.7 及以上版本中，注册时默认优先选择 ML-DSA-44。

🎂 jQuery 1.0 已经 20 岁了。InfoQ 回顾了

🎂 jQuery 1.0 已经 20 岁了。InfoQ 回顾了 $() 如何帮我们躲过浏览器大战，以及为什么许多网站至今仍在使用它。再往前十年，微软为了绕开商标问题，在 Internet Explorer 里以 JScript 的名字发布了 JavaScript。

两名男子因 TeamPCP npm 供应链攻击被捕

两名男子因 TeamPCP npm 供应链攻击被捕。TeamPCP 被怀疑克隆了 Shai-Hulud 蠕虫，从而引发了「Mini Shai-Hulud」攻击潮。

VoidZero 的最新更新庆祝 Vitest 周下载量突破 1 亿

VoidZero 的最新更新庆祝 Vitest 周下载量突破 1 亿、React Compiler 支持进入 Vite，并介绍了 Rolldown、Vite+ 和 ViteConf 的最新进展（ViteConf 将于今年 10 月 15 日线上举行）。

deck.gl 9.4

这个由 GPU 驱动的数据可视化库扩展了实验性的 WebGPU 支持，预计这将是 v9 的最后一个版本。

Bun 1.4.1

空闲内存占用大幅下降，bun build 打包产物更小，Bun.serve 可在同一端口上同时使用 HTTP/2 和 HTTP/1.1，还有更多改进。

NVM for Windows 2.0

一款面向 Windows 的 Node 版本管理器。v2 版本不再需要管理员权限。

Astro 7.3

ESLint Config Inspector 3.4

新增耗时分析，让你更容易找出拖慢 lint 运行的规则。

GPUIX 0.7

在 Zed 所用框架之上，用 React 和 TypeScript 构建原生 GPU 加速桌面应用。

memlab 2.0.5

Meta 出品的框架，用于在浏览器和 Node.js 的 JavaScript 应用中查找内存泄漏。

Astro LilyPond

为 Astro 在构建时把文本渲染成乐谱。

vue-echarts 8.3

Apache ECharts 的 Vue.js 组件。

一个全新的隐私安全的 star 历史 API

✨ GitHub 推出了新的隐私安全 star 历史 API，绘制仓库随时间增长的曲线不再需要爬取或估算。Star-History 分享了更多背景，你也可以用它来绘制项目的 star 数曲线，如上所示（示例）。

用原语而非高层库来构建东西

Robin Wieruch 认为，由于智能体编码的出现，用原语而非高层库来构建东西变得更有道理，并以 D3 与 Recharts 为例。

把它作为 Interop 2027 提案提交

有浏览器兼容性的痛点？把它作为 Interop 2027 提案提交（9 月 23 日截止）。

购买官方 Vue.js 周边

👕 今天才知道可以购买官方 Vue.js 周边！

🧩 框架

原生开发如今成了 Shopify 移动端的未来

在全面押注 React Native 六年后，Shopify 正用 Swift 和 Kotlin 重写其应用，理由是编码智能体已经降低了把同一功能构建两遍的成本。我们还了解到 React Native Skia、FlashList 和 Restyle 将何去何从。

React 如今已彻底 Rust 化

一个团队把超过 1000 个文件的 React Router 应用迁移到 oxc 对 React Compiler 的 Rust 移植版上，编译步骤耗时从 14.3 秒降到 0.81 秒。更好的是，这个移植版已经能处理基于 Babel 的 1.0 所跳过的模式，文章结尾还给出了完成切换所需的 Vite 配置。

Jotai 3.0：原子化状态管理器的更精简、纯 ESM 版本

熟悉的 hooks 依然保留，但整个包已经现代化：仅支持 ESM，最低要求 React 18 和 TypeScript 5.5，atomFamily 迁移到 jotai-family，loadable 被移除、改用 unwrap。Daishi 在这里解释了唯一的那个行为变更。

React Native ExecuTorch 0.10：在设备端运行 AI 模型

这款端侧 AI 库的彻底重写。不透明的原生模块被可检视的 TypeScript 流水线取代，你可以随意调整和串联（无需 C++），底层由 Core ML、MLX 与 Vulkan 提供加速。主页展示了它能做什么。

Vidact：把 React 组件直接编译为原生 DOM 代码

一个编译器，接收 React 风格函数组件与 hooks，输出直接操作 DOM 的代码，类似 Solid，打包产物中没有 VDOM 也没有 React 运行时。目前处于 beta，不支持的 React 模式会在构建时报错。

Tailwind CSS 的创造者 Tailwind Labs 即将加入 Shopify

Tailwind CSS 的创造者 Tailwind Labs 即将加入 Shopify。这些开源项目仍保持 MIT 许可，团队原班不变。

React DevTools 8.0 发布，Suspense 标签页默认开启

React DevTools 8.0 发布，Suspense 标签页默认开启，Timeline 性能分析器被移除，由浏览器的 Performance 面板接管。另外还有一个实验性包，通过 chrome-devtools-mcp 把 React DevTools 暴露给编码智能体。

TanStack 公布了与 Vercel 合作的详细说明

TanStack 公布了与 Vercel 合作的详细说明，面向 Vercel AI Gateway 和 Sandbox 的新 TanStack AI 适配器已经可用。

Expo Modules 2.0 即将到来，引入基于注解的 Swift 与 Kotlin 类

Expo Modules 2.0 即将到来，引入基于注解的 Swift 和 Kotlin 类来编写原生模块。

🌐 浏览器

W3C 日本 30 周年活动合辑

2026 财年恰逢 W3C 日本成立 30 周年。作为纪念活动的一部分，W3C 日本在 5 月为 W3C 会员举办了一场活动，6 月又面向公众举办了一场展览。作为这些努力的集大成之作，我们在 9 月 4 日举办了「Web Together」，

🛠 工具链

对我的 HTTP 客户端内部状态机做模糊测试

一篇关于基于属性测试的实用案例：通过给 ffetch 的 206 个已通过测试加上 fast-check 属性，数千个生成用例在被认为已充分测试的代码里找出了 11 个真实 bug。

Rslib 1.0：面向 JavaScript 库与 CLI 的构建工具

Rspack 对 tsup/tsdown 的回应迎来 1.0，配置与 JS API 均已稳定。它可以从 engines.node 推断语法目标，借助 TypeScript 7 更快地生成声明文件，还能（实验性地）构建 Node SEA 可执行文件。

eslint-plugin-regexp 3.3：用于发现正则错误的 ESLint 插件

有一个很不错的在线演示，可以展示它能捕捉到的问题。

---

往期精选

• Web前端周刊2026W36 | pnpm 12 Rust 重写、Remix 3 RC、Node.js 26.8.0、htmx 4.0 大版本
• Web前端周刊2026W35 | Bun 1.4 发布、pnpm 12 Rust 重写、Solid 2.0 RC 冻结、Next.js 修复两 RCE
• Web前端周刊2026W34 | CSS类前缀选择器采纳、Lovable迁移TanStack Start、Fastify 6.0 Alpha
• PHP周刊2026W36 | Laravel AI SDK 0.11可观测、Symfony 8.1.5、Octane并发、事件溯源
• Rust周刊2026W36 | rustup 1.29.1 更名 target tuple、Wasmi 2.0 提速 2.2 倍、Box map 稳定化、aarch64 FFI 传参修复、Cargo feature 元数据
• 用 Rust 重写 Bun

---

阅读原文