前端周刊2026W24 | VoidZero 加入 Cloudflare、Angular v22 发布、Deno 2.8 兼容 76%、npm v12 默认停用安装脚本、…
2026/6/15 13:52:49 网站建设 项目流程

本周 React 基金会新网站上线,React Native 0.86.0 发布;JavaScript 工具链迎来大地震,VoidZero 加入 Cloudflare,Angular v22 三大特性稳定,Deno 2.8 兼容性跃升至 76%;Node.js 方面,npm v12 默认停止安装脚本以应对供应链安全,Node 发布节奏改为每年一个主版本。

⚛️ React

React 基金会新网站上线

React 基金会于二月成立,从 Meta 手中接管了 React 的所有权和管理权。随着新网站的上线,各项工作持续推进,facebook/react 现已重定向至 react/react GitHub 仓库。

从 Kindle 的 React Native 首页中剥离广告

今天了解到亚马逊一直在将 Kindle 设备界面迁移至 React Native。这为有趣的 Hermes 字节码级逆向工程打开了新的可能。

框架和提供商无关的 AI 工具包 TanStack AI 现已进入 Beta 阶段

框架和提供商无关的 AI 工具包 TanStack AI 现已进入 Beta 阶段,TanStack Table v9 同样处于 Beta 阶段。

React Native 0.86.0 与 React Native Windows v0.83 发布

React Native 0.86.0 已发布,React Native Windows v0.83 也已同步发布。

bezier-easing-editor 1.1

贝塞尔缓动曲线编辑器 1.1 版本发布。

React Lite YouTube Embed 3.6

一个轻量级、注重隐私的 YouTube 视频嵌入方式,不影响页面性能。

react-native-network-logger 3.0

React Native 的 HTTP 流量监控与请求日志工具,支持 iOS 和 Android 应用内查看。

react-native-compressor 2.0

上传前压缩图片、视频和音频,如同许多社交应用所做的那样。

React Native Testing Library 14.0

注意,现在要求 React 19+ 和 React Native 0.78+ 版本。

react-redux-firebase 4.0

Firebase 的 Redux 绑定库,现已支持 React 19。

MUI (Material UI) 9.1.0

组件套件新增了对 prefers-reduced-motion 的支持。

performative-ui:用 AI 公司套话打造的趣味 React 组件库

这是一组趣味 React 组件,用来「展示你的融资轮次有多火爆」,集齐了 AI 公司的各种套路,比如 ASCII 英雄图和节点图背景。

构建 HTML 优先的网站如何让用户提交量在一夜间翻倍

Alistair Davidson 分享了他如何构建 HTML 优先的网站,在尝试了昂贵且失败的 React 方案后,用户提交量在一夜间翻倍。

Safari 27 Beta 发布

本周的 WWDC 上,苹果发布了 Safari 27 的 Beta 版本,功能丰富,包括可定制的 select 元素、滚动锚定以及全新的符合标准的 ESM 加载器。

Electron 43 进入 Beta 阶段

准备好让你的 Electron 应用运行更快吧!Electron 43 现已进入 Beta 阶段,主进程从嵌入式 Node.js 启动快照启动,并将包缓存为 V8 字节码。

🟨 JavaScript

VoidZero 加入 Cloudflare

这是今年 JavaScript 工具链领域的重大变动之一,由 Evan 本人亲自讲述。他创立的用于构建 Vite、Vitest、Rolldown、Oxc 等工具的公司加入了 Cloudflare。他坦诚地解释了原因(变现困难)。好消息是:所有项目保持 MIT 许可,Evan 和团队继续负责管理。

Angular v22 发布公告

谷歌的全栈式框架将三大功能升级为稳定/生产就绪状态:Signal Forms、Angular Aria 和异步响应式系统。路由模块还新增了对原生浏览器 Navigation API 的实验性支持。

Bun 能告诉我们关于 AI 和开源的那些事

一位分析师将 Bun(其代码越来越多由 AI 而非人类编写)视为判断 AI 编写的核心基础设施是否可持续的风向标。

Micromodal.js:一个轻量级可访问模态对话框库

零依赖的 WAI-ARIA 标准合规模态对话框库。相比原生 dialog 提供了更多增强功能,包括钩子、滚动锁定、入场/出场过渡动画以及点击背景关闭。

TanStack Table v9 Beta

一个强大的无头引擎,用于创建数据表格,支持 React、Preact、Solid、Vue、Angular、Svelte 和 Lit。

Node-RED 5.0

基于 Node.js 构建的「低代码」流程编程环境。

Rolldown 1.1

Rolldown 1.1 版本发布。

eslint-plugin-functional 10.0

用于禁止变量修改并鼓励函数式编程的 Linter 规则集。

ts-loader 9.6

webpack 的 TypeScript 加载器重新恢复了对 webpack 4 的支持。

Draco.js

由 mrdoob 本人为 three.js 编写的纯 JavaScript Draco 网格加载器。

Taiga UI 5.10

广受欢迎的 Angular 组件套件,包含 50 多个组件。

Mitos ASCII 工具

Oxide Computer Company 的 Mitos ASCII 工具可将图片转换为 ASCII 文字插画和动画,内置实时编码环境。

replacements.fyi:查找 npm 包替代方案

来自 e18e 团队的 replacements.fyi 是一个方便的工具,可为你选择的 npm 包查找替代方案,无论是更简洁的包、实现相同功能的代码片段,还是原生 API。

Obs.js:基于性能自适应调整页面体验

向页面添加 Obs.js 后,它会根据可用性能(如带宽、CPU、延迟)为 html 添加类以定制用户体验。Harry Roberts 对此做了进一步说明。

如果 Chrome 内置 AI 能玩 Zork 1

Raymond Camden 尝试看看 Chrome 内置 AI 能否玩经典文字冒险游戏 Zork 1。

🟢 Node.js

npm v12 将默认停止运行安装脚本

经过一年的供应链攻击事件后,npm v12 将不再默认执行 preinstall、install 或 postinstall 脚本,除非你通过新的 npm approve-scripts 工作流进行授权。你现在就可以升级到 npm 11.16.0 进行准备,该版本会打印出 v12 将会阻止的所有内容的警告。

参加精彩免费的 PostgreSQL 线上讲座

参加 POSETTE:Postgres 2026 活动(6 月 16-18 日),了解基于 PostgreSQL 的应用开发。可与 PostgreSQL 演讲者、其他开发者和用户实时交流,还有周边礼品等你来拿。立即注册获取更新。

Node.js 新版发布节奏和版本号解读

从 Node 27 开始,Node.js 将改为每年一个主版本的发布节奏,并新增用于测试和实验的「alpha」频道。Luciano 深入解读了具体如何实施、时间安排及背后的原因。

事件驱动服务需要事件就绪的数据库

TimescaleDB 是专为时序数据打造的 PostgreSQL。支持超表、95% 压缩率、连续聚合。提供 1000 美元信用额度。

Bonsai:适用于用户自定义规则的安全表达式语言

一个快速、沙箱化的表达式语言,适用于需要评估用户提供的规则、过滤器或模板但又不想使用 eval 的场景。可在线试用 playground。

DepsGuard:强化 npm、pnpm、Yarn 和 Bun 配置的工具

等不及 npm v12 更安全的默认配置?这款基于 Rust 的工具可审计并重写你的包管理器配置,禁用安装脚本、强制执行冷却期并阻止来源降级。

Memetria K/V:高效的 Redis 和 Valkey 托管服务

Memetria K/V 为 Node.js 应用提供 Redis OSS 和 Valkey 托管服务,支持大键跟踪和详细分析。

Node.js 26.3.0(Current)发布

Buffer.poolSize 默认值现已提升至 64 KB,减少高 I/O 场景下的内存分配次数;permission.drop() 加入权限模型 API;macOS Universal 二进制文件在未来版本中不再保证提供(意图是「在可行范围内」继续支持)。

Wasmer 如何使用 Codex 构建 Node.js 运行时

OpenAI 发布的案例研究,讲述 Wasmer 团队如何使用 OpenAI 的 Codex 代理让 Node 工作负载在 WebAssembly 沙箱中运行。(最终成果是开源的 Edge.js,你现在就可以使用。)

每个开发者都应了解的 TypeScript 技巧

一份简洁的清单,提供编写更安全、更简洁日常代码的技巧。

Node 的 diagnostics_channel 如何取代 APM 猴子补丁

每个 JavaScript APM 工具都在对库进行猴子补丁。这在 ESM、打包器和非 Node 运行时下都会失效。本文介绍了如何解决这个问题。

zod-hoist:提升 Zod 模式定义性能的 Babel 插件

来自 Slonik 作者的方法,用于大幅加速 Zod 验证。

node-redis 6.0:Redis 官方 Node.js 驱动程序

配合 Redis 8.8 的发布,Node 驱动新增了对 8.8 新数组命令的支持,默认切换到 RESP3 协议等。5.x 用户可参考迁移指南。

Structon:JavaScript 的随机访问二进制编码方案

将对象编码为可逐字段读取的二进制格式,让你无需反序列化整个记录即可从缓冲区中直接提取单个值。

Hocuspocus 4:为任何应用添加实时协作功能

基于 Yjs 的实时协作后端,可快速为应用接入多人协作体验。支持在 Node、Bun、Deno 或 Cloudflare Workers 上运行。

Node.js 流泄漏的生产环境排查手册

即使使用了 pipeline(),你的流在生产环境中仍可能泄漏。本文介绍了五种测试和代码审查阶段难以发现的故障模式,它们在实际流量下才会暴露,从未被察觉的连接断开到超时导致响应终止但上游 fetch 仍在运行。运行 Node 服务的开发者值得一读。

构建不会在生产环境中崩溃的持久化 AI 代理(网络研讨会)

了解开源五层技术栈,使用 Agentspan 在 LangGraph、OpenAI 和 Google SDK 之上运行持久化 AI 代理。

Deno 2.8 达到 76% 的 Node.js 兼容性

由 Node.js 原作者创建的 JavaScript 运行时的重大版本发布。Node.js 兼容性从 42% 跃升至 76.4%(高于 Bun)。v2.8 还在添加/安装包时去掉了 npm: 前缀要求(因此 deno install 现在可直接替代 npm install/pnpm install 等,即使在现有项目中也是如此)。

Node.js 24.16.0(LTS)发布

如果 Node 26 太前沿而 LTS 更适合你,仍有许多新特性值得关注,包括 crypto.randomUUIDv7()、util.styleText 支持十六进制颜色以及 Node 测试运行器的测试顺序随机化。

使用 AI 代理将 Express 应用迁移至 Next.js

在谷歌从事 Antigravity 工作的 James 演示了如何将遗留的 Express.js 应用现代化改造为 Next.js App Router 和 TypeScript。为此构建的技能已开放共享,任何人都可使用。

用 AI 更慢地写出更好的代码

一位高产 JavaScript 开发者表示,LLM 不仅可用于快速产出糟糕的代码,它们确实能帮助你更慢地写出更高质量的代码。

ANSIS 4.3:支持超链接的 ANSI 颜色库

一个 ESM 和 CommonJS 库,用于在 Node、Bun、Deno 和浏览器开发者工具中使用 ANSI 转义序列进行文本着色和样式化。v4.3 新增了对 OSC 8 终端超链接的支持。

为你的 AI 代理每个任务分配一个数据库

大多数提供商将你的 Postgres 项目限制在 2 到 3 个。ghost 为你的代理提供无限制的项目数量。免费试用。

Express 的新篇章与新面貌

曾几何时,Node 的老牌 Web 框架 Express.js 显得有些陈旧,Fastify 等项目开始接过接力棒,但 2024 年开始的重大重振让 Express 重回聚光灯下。如今,Express 的品牌、网站和文档也一同迈入了 2026 年。

Netflix 的 Scott Moss 分享 AI 工程基础

学习构建可靠的 AI 功能。构建 AI 辅助的 Excalidraw 应用,搭建评估框架,掌握上下文工程,交付真正可用的 AI 代理。

npm 包分阶段发布功能上线

在首次预告数月后,npm 发布了新的「分阶段发布」模式,在包正式上线前提供审核期(作为昨日发布的 npm 11.15.0 的一部分)。

Node.js 26.2.0(Current)发布

与 v26(Temporal)和 v26.1(node:ffi)相比,本次发布较为温和,但 stream.compose 现已标记为稳定,fs.Stats/BigIntStats 也支持了 Temporal.Instant。

Node.js 和 V8 如何保持协同工作

幕后视角,了解 Node 如何与 V8 引擎保持同步。

构建不会在生产环境中崩溃的持久化 AI 代理(网络研讨会)

了解开源四层技术栈,使用 Agentspan 在 LangGraph、OpenAI 和 Google SDK 之上运行持久化 AI 代理。

TypeORM 1.0:DataMapper 和 ActiveRecord ORM 框架

广受欢迎的 TypeScript 优先 ORM,支持所有主流关系型数据库,在 0.3.x 版本多年后终于达到 1.0,带来了代码清理和现代化工作、INSERT INTO … SELECT 支持、跨驱动事务隔离级别以及更平滑的 PostgreSQL 枚举迁移。

Kanel 4.0:从 Postgres 生成 TypeScript 类型

它会检查你的数据库并输出可直接添加到 TypeScript 项目的代码,适用于 Knex、Zod 或 Kysely(每种都有官方扩展)。GitHub 仓库链接。

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询