React 及其生态新闻 — 2025年6月

最新推荐文章于 2025-07-17 23:07:26 发布

原创最新推荐文章于 2025-07-17 23:07:26 发布 · 326 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #前端框架 #javascript #ecmascript

React 生态系统持续高速发展，核心工具、库和框架均有重大更新。从前沿测试工具到更快的打包器，再到 React Native 的令人兴奋的新功能，以下是为您精选的最新动态汇总。

⚛️ React

TanStack Router 1.121 — 推出 @tanstack/react-start，现为 Vite 插件。
React Cosmos 7.0 — 支持 React 19 和 Next.js 15，适合孤立组件开发。
Recharts 3.0 — 支持图表中嵌入自定义 React 组件，以及通过 portals 处理工具提示和图例。
RedwoodSDK 0.1 — 在图表中嵌入自定义 React 组件；支持工具提示和图例的 portals。
State in URL 5.0 — 基于 Cloudflare 的服务端 React 框架。
React Cosmos 7.0 — 新增对 Remix 支持，简化查询参数状态管理。
React Aria 6月5日发布 — 为 React Aria Tree 添加拖拽支持。

📱 React Native

React Native 0.80 发布版本带来了重要架构改进，提升性能和 TypeScript 支持，并进行了废弃优化，简化开发体验。
- 稳定 JavaScript API 目标：奠定长期稳定性基础。
- React 19.1：新增 captureOwnerStack()，优化错误覆盖体验。
- 弃用深度导入：仅支持从 react-native 根目录导入。
- 严格 TypeScript API（可选）：预览基于源码生成的准确类型。
- 旧架构冻结：全面转向新架构开发。
- iOS 构建加速：通过预构建 Folly 和 GLog，构建速度提升约12%；未来将增加更多预构建内容。
其他重要更新
- React Native 0.79.3 — 修复 TypeScript、Android z-index、iOS Cocoapods、Switch 组件及 RedBox 等问题。
- VisionCamera 4.7 — 支持 Android 16KB 页面大小。
- Radon IDE 1.8 — 支持 RN 0.80、后台设备执行及 MCP。
- Safe Area Context 5.5 — 新增 SafeAreaListener，低开销监测安全区域。
- React Native Unistyles 2.43 — 增加对 Android 16KB 内存页面的支持。
- React Navigation Core 7.11 — 支持导航到嵌套导航器时合并参数。
- React Navigation Core 7.12 — 允许在导航器层级使用 useNavigationState，类似布局使用方式。
- React Native Windows 0.79 — 改进 Fabric 功能兼容性。
- Reanimated 3.18 — 完全支持 RN 0.80。

⚙️ Node

Node 24.2 — 新增 import.meta.main 用于检测应用入口点。
Node 24.3 — 移除 TypeScript 类型剥离支持的实验警告。
Node v20.19.3 — 将 Ed25519 和 X25519 推为 WebCryptoAPI 稳定接口，更新根证书及依赖，包含 V8 回移补丁。
Bun v1.2.16 — 新增通过 Bun.serve 提供路由文件服务，提升 Node.js 兼容性。
SVGO 4.0 — 通过去除冗余信息优化 SVG 图像性能。
Node.js 向稳定 TypeScript 支持迈进，发布 Amaro 1.0 — 提供官方的 TypeScript 类型剥离工具。
pnpm 10.12 — 推出全新目录 UI 和实验性全局虚拟存储。
node-hid 3.2 — 支持访问 USB 和蓝牙 HID 设备。
OpenAI Node 5.8.2 — 提升 fetchOptions 类型可靠性。
Mocha 11.7.1 — 失败时始终回退至 import() 加载模块。
AVA 6.4 — AVA 现已支持 Node.js 24。

🔀 生态新闻

Storybook 9 发布重大提升组件开发流程，支持更智能测试、更轻量安装及多平台支持：
- 交互测试：一键模拟所有故事中的用户行为。
- 可访问性测试：自动使用 axe-core 检查 WCAG 合规。
- 视觉测试：借助 Chromatic 检测像素级 UI 变更。
- 测试覆盖率：清晰展示代码测试覆盖情况。
- 测试小工具：通过 Storybook 界面集中管理和运行测试。
- 额外功能：安装包减小48%，自动生成故事，标签分类管理，提升对 Svelte、Next.js 和 React Native 支持。
Vite 7.0 发布主要性能改进及现代平台支持：
- Rolldown 打包器（Rust）：尝试 rolldown-vite，未来默认打包器。
- 不再支持 Node 18：最低要求 Node 20.19+ 或 22.12+，仅支持 ESM。
- 默认目标更新：切换到广泛可用的基线浏览器，提升兼容性和未来安全。
- 环境 API 进化：新增 buildApp 钩子，提升基于环境的构建体验（实验中）。
- Vitest 3.2 兼容：无缝支持最新 Vitest 版本。
其他重要更新
- Astro 5.10 — 新增实验性实时集合，运行时获取数据。
- Vitest 3.2 — 添加 TestSignal、注解 API、更佳的覆盖率输出和自定义浏览器定位。
- Jest 30 — 大幅提升性能，降低内存占用，支持现代测试功能。
- Prettier 3.6 — 新增快速实验性 CLI 及 Hermes/OXC 插件。
- Biome 2.0 — 新增类型感知的代码检查器，无需依赖 TypeScript 编译器。
- ESLint v9.30.0 — 添加 basePath，完善配置查找，优化类型导入处理。