news 2026/6/23 13:35:46

前端周刊2026W25 | React Compiler Rust 移植版合并、npm v12 默认禁用安装脚本、TypeScript 7.0 候选版发布、Deno 2.8 兼容性达 76%、…

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端周刊2026W25 | React Compiler Rust 移植版合并、npm v12 默认禁用安装脚本、TypeScript 7.0 候选版发布、Deno 2.8 兼容性达 76%、…

本周前端生态迎来多项重要更新:React Compiler 的 Rust 移植版已合并,Next.js 和 Oxlint 等工具已率先支持;npm v12 将默认禁用安装脚本以提升安全性;Node.js 发布多个安全版本修复 11 个漏洞,Deno 2.8 达到 76% Node.js 兼容性。此外,TypeScript 7.0 候选版、React Native 0.86、SvelteKit 3.0 及 Vue 3.6 等重大版本均在推进中。

⚛️ React

React Props First:在 VS Code 自动补全中优先显示 JSX 和 TSX 属性

一个 VS Code 扩展,能重新排序 JSX 和 TSX 的自动补全列表,让组件专属属性优先于继承的 DOM 和 ARIA 属性显示。附 GitHub 仓库链接。

Base UI 1.6:React 无样式 UI 组件库

作为 Radix 的继任者(由同一团队打造),让你在坚实的基础上以自己的风格构建 UI(shadcn/ui 也已基于它构建)。这里提供了所有组件及代码示例。v1.6 引入了一次性密码组件,改进了 Drawer,并重新设计了文档。

React Doctor 作为 GitHub Action 实现自动化代码审查

React Doctor 是一个 CLI 工具,能扫描 React 代码库中的问题,返回问题列表及一个百分制评分。本文介绍了如何在 GitHub Actions 中配置它。

React Compiler 的 Rust 移植版本已合并!

React Compiler 的 Rust 移植版本已合并!热门项目已陆续支持,包括 Next.js(已在 canary 版本中)、Oxlint 1.70、swc 和 Rolldown。

React Native 0.86 发布,支持 Android 15+ 全屏显示和 DevTools 改进

React Native 0.86 已发布,新增对 Android 15+ 全屏显示(edge-to-edge)的支持,并对 DevTools 进行了改进。

WordPress 宣布升级至 React 19,但因插件兼容问题暂时回退

WordPress 曾宣布在 WordPress 7.1 中升级至 React 19,但由于插件兼容性问题,该计划已被暂时回退。

TypeScript 7.0 发布候选版已发布

TypeScript 7.0 的发布候选版本已发布。

React Flow Smart Edge 4.9

React Flow Smart Edge 4.9 发布。

Ink 7.1

这款流行的 TUI 渲染器新增了 suspendTerminal() 方法,可临时将终端控制权交给子进程(比如编辑器)。

Voltra 2.0

在 iOS/Android React Native 应用中构建 Live Activities 组件。v2.0 不再需要 Expo Modules。

StyleX 0.19.0

Meta 的样式系统新增了一个用于内联原子样式的新包,并兼容 ESLint 10。

MUI X 9.6

这套流行的组件套件发布了错误修复和径向条形图的改进。

react-plotly.js 4.0

用于渲染交互式 Plotly 图表的 React 组件。

React Aria 1.19.0

Adobe 出品的无障碍组件套件更新。

🟨 JavaScript

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

即将发布的 npm v12 将不再执行 preinstall/install/postinstall 脚本,除非你明确允许。现在可以通过 npm 11.16.0 提前适应,该版本会对 v12 会阻止的操作打印警告信息。

通过编辑 Hermes 字节码修改 Kindle 主页

Kindle 的 UI 现已运行在 Hermes 驱动的 JavaScript 栈上。本文介绍了如何编辑 Hermes 生成的字节码来改变 Kindle UI 的行为。

eslint-plugin-unicorn 67.0:超过 200 条强大的 ESLint 规则

Sindre 整理的精选规则集大幅增长,仅在过去几周就新增或更新了近 100 条规则。例如:强制更好的注释规范、限制嵌套调用深度、优先使用 Temporal 而非 Date、以及优先使用 HTTPS 而非 HTTP 的 URL。这些规则将严肃挑战(并提升!)你的代码质量。

PolyCSS:基于 CSS 的 DOM 3D 引擎

完全在 DOM 中使用 CSS matrix3d() 变换渲染带纹理的 3D 多边形网格——无需 WebGL 或 Canvas。支持原生 JavaScript、React 和 Vue。附有示例画廊和实时构建工具供你体验。

Compilecat:实验性 JavaScript 性能编译器

Compilecat 是一个新的实验性 JavaScript 性能编译器,采用类似 Closure 的优化策略。

多个重大项目进入测试版/预发布阶段

目前多个重大项目正在测试版/预发布阶段推进,包括 SvelteKit 3.0、Vue 3.6、Vite 8.1 和 Astro 7.0。

Playwright 1.61

现在你可以注册和测试通行密钥,并通过新的 WebStorage API 对 localStorage 和 sessionStorage 进行读写操作。

ESLint v10.5.0

五条核心规则现在会高亮更小范围的代码,以避免在编辑器中遮挡其他问题。

TanStack AI Beta

一个框架和提供商无关的 AI 工具包。

Tabulator 6.5

Tabulator 6.5 发布。

Fable 5.2

不是那个你不能用的 LLM,而是一个你可以使用的 F# 到 JS/TS(现在也支持 Erlang)的编译器。更多信息。

Biome 2.5

这款快速的代码格式化和 linting 工具链现已拥有超过 500 条 lint 规则。

get-value 4.1

使用 a.b.c 这样的路径从对象中获取嵌套值。

axios v1.18.0

基于 Promise 的浏览器和 Node.js HTTP 客户端。

visx 4.0

Airbnb 出品的 React 可视化原语库。

WebKit 团队展示 MapKit JS 6

WebKit 团队展示了 MapKit JS 6,一种将 Apple 地图集成到网站的方式,详见示例。不过你需要一个 Apple Developer 账户的令牌。

LinkedIn 上假招聘人员发送恶意 JavaScript 编码测试

一名开发者收到了 LinkedIn 上假招聘人员发送的恶意 JavaScript 编码测试,试图入侵他的电脑。今年我已经多次听说这种攻击方式,请务必小心。

WASI 0.3(WebAssembly 系统接口)正式发布

WASI 0.3 已正式发布,为 WebAssembly 组件带来了原生异步支持。

performative-ui:一组有趣的 React AI 初创公司 UI 组件

performative-ui 是一组有趣的现代 AI 初创公司风格 UI 组件,包含 ASCII 英雄图和节点图背景等元素。

通过基于浏览器的 WASM 模拟器让老旧 USB 扫描仪重新工作

一位开发者有一台没有现代驱动的旧 USB 扫描仪,但他通过一个基于浏览器的 WASM 模拟器,再通过 WebUSB 桥接到物理扫描仪,让它重新工作起来。他之前用类似的方法解决过旧打印机的问题。

🟢 Node.js

Anthropic 联合 Master.Dev 推出免费 Claude Code 课程

编程正在快速变革,能够脱颖而出的工程师将是那些会指导 AI 而不是盲目猜测的人。Anthropic 的 Lydia Hallie 在我们的 Claude Code 课程中教授了这一点,现面向所有人免费开放。

Node.js 26.3.1、24.17.0 和 22.23.0 发布

最新的安全版本已发布,包括 26.3.1(Current)、24.17.0(LTS)和 22.23.0(LTS),修复了 11 个漏洞。其中两个为高危级别:一个涉及 tls 中服务器身份检查的主机名规范化问题,另一个在 WebCrypto 中。

LinkedIn 如何将代码审查吞吐量提升 18 倍

了解 LinkedIn 如何利用 Orkes 和多智能体工作流将代码审查规模提升了 18 倍。

zod-compiler:将 Zod Schema 编译为零开销验证器

一个构建时编译器,可集成到 Vite、webpack 等工具中,将现有的 Schema 重写为优化过、可 tree-shaking 的验证器,同时保留完整的 Zod API。

来参加精彩的 PostgreSQL 主题演讲——线上免费

参加 POSETTE:Postgres 2026 活动(6 月 16-18 日)中关于 PostgreSQL 应用开发的演讲。加入直播,直接与 PostgreSQL 演讲者、其他开发者和用户交流。还有周边礼品等你领取。注册以获取更新。

Node.js 新发布计划与版本号说明

Node 将从 Node 27 开始改为每年一个大版本的发布节奏,并新增一个用于测试和实验的 alpha 频道。Luciano 深入介绍了这一变化的具体方式、时间和原因。

你的事件驱动型服务需要一个适配事件的数据库

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

Node-RED 5.0:项目历史上最大规模的编辑器重构

这个基于 Node.js 和 node 的低代码环境迎来了史上最大的编辑器体验变革:更新了侧边栏、深色主题、可暂停的调试输出,以及从 Function 节点调用 Link 节点的能力。

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

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

DepsGuard:用于加固 npm、pnpm、Yarn 和 Bun 配置的工具

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

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

输入包名即可获得更轻量级的替代方案推荐,或推荐完成相同任务的 Node API 和代码片段。例如:is-number 会引导你到一行代码、axios 可替换为 fetch、chalk 推荐使用 util.styleText。一个值得进一步发展的好创意。

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.js diagnostics_channel 如何取代 APM Monkey-Patching

每个 JavaScript APM 工具都会对库进行 Monkey-Patching。这在 ESM、打包器和非 Node 运行时下会出现问题。本文介绍了如何解决这个问题。

zod-hoist:用于提升 Zod Schema 定义的 Babel 插件

来自 Slonik 作者的新方法,可以大幅加快 Zod 验证速度。

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

伴随 Redis 8.8 发布,Node 驱动新增对 8.8 新版数组命令的支持,默认切换到 RESP3 协议等。提供了面向 5.x 用户的迁移指南。

Structon:JavaScript 随机访问二进制编码库

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

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

一个基于 Yjs 的实时协作后端,让你快速在应用中构建多人协作体验。支持 Node、Bun、Deno 和 Cloudflare Workers。

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

你使用了 pipeline(),但你的流在生产环境中仍然泄漏。本指南涵盖了五种能绕过测试和代码审查的故障模式,然后在真实流量下暴露问题,从未察觉的连接断开到超时杀死响应但上游请求仍在运行。如果你运行 Node 服务,这很实用。

构建生产环境不会崩溃的持久化 AI 智能体(网络研讨会)

了解开源的五层架构,并通过 Agentspan 在 LangGraph、OpenAI 和 Google SDK 上运行持久的 AI 智能体。

Node.js 24.16.0(LTS)发布

如果 Node 26 过于前沿而 LTS 更合你意,仍有新功能可用:包括 crypto.randomUUIDv7()、util.styleText 支持十六进制颜色,以及 Node 测试运行器中的测试顺序随机化。

使用 AI 智能体将 Express 应用迁移到 Next.js

在 Google 从事 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 智能体提供每个任务一个数据库

大多数服务商只提供 2 到 3 个 PostgreSQL 项目配额。ghost 为你的智能体提供无限数据库,无项目限制。免费试用。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/23 13:19:54

人社部人工智能训练师2026年5月考试,优培东方创100%通过率佳绩!

44名在职学员2-3周通关,考证倒赚近千元2026年5月31日,人社部人工智能训练师职业技能等级认定考试广东考区成绩正式放榜。优培东方参培学员再次交出硬核成绩单:三级报考45人(广州40人深圳5人),2人缺考&#…

作者头像 李华
网站建设 2026/6/23 13:16:24

GEO+外贸开发信,这样组合让回复率翻倍

一、开发信越来越难,问题出在哪里?做外贸的朋友这两年应该都有同感:开发信的打开率和回复率在持续走低。其实不是开发信这个渠道本身失效了,而是海外采购商的决策流程发生了根本变化。过去,买家收到开发信后&#xff0…

作者头像 李华
网站建设 2026/6/23 13:16:03

为什么说bilibili-parse改变了我的视频资源管理方式

为什么说bilibili-parse改变了我的视频资源管理方式 【免费下载链接】bilibili-parse bilibili Video API 项目地址: https://gitcode.com/gh_mirrors/bi/bilibili-parse 还在为无法离线观看B站优质内容而烦恼吗?今天我要分享一个B站视频解析的神奇工具——b…

作者头像 李华
网站建设 2026/6/23 13:09:23

全网小说一键下载终极指南:novel-downloader让离线阅读更简单

全网小说一键下载终极指南:novel-downloader让离线阅读更简单 【免费下载链接】novel-downloader 一个可扩展的通用型小说下载器。 项目地址: https://gitcode.com/gh_mirrors/no/novel-downloader 在网络阅读时代,你是否遇到过这样的困境&#x…

作者头像 李华
网站建设 2026/6/23 13:07:40

ReadCat开源小说阅读器:纯净阅读体验的终极指南

ReadCat开源小说阅读器:纯净阅读体验的终极指南 【免费下载链接】read-cat 一款免费、开源、简洁、纯净、无广告的小说阅读器 项目地址: https://gitcode.com/gh_mirrors/re/read-cat 厌倦了广告弹窗的干扰?受够了隐私泄露的担忧?想要…

作者头像 李华