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

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,完善配置查找,优化类型导入处理。

前端AI·探索:涵盖动效、React Hooks、Vue 技巧、LLM 应用、Python 脚本等专栏,案例驱动实战学习,点击原文了解更多详情。

最后:

深入React:从基础到最佳实践完整攻略

python 技巧精讲

React Hook 深入浅出

CSS技巧与案例详解

vue2与vue3技巧合集

相关推荐
GoldKey4 小时前
gcc 源码阅读---语法树
linux·前端·windows
Xf3n1an5 小时前
html语法
前端·html
张拭心5 小时前
亚马逊 AI IDE Kiro “狙击”Cursor?实测心得
前端·ai编程
漠月瑾-西安5 小时前
如何在 React + TypeScript 中实现 JSON 格式化功能
javascript·jst实现json格式化
烛阴5 小时前
为什么你的Python项目总是混乱?层级包构建全解析
前端·python
止观止5 小时前
React响应式组件范式:从类组件到Hooks
javascript·react.js·ecmascript
LJianK16 小时前
Java和JavaScript的&&和||
java·javascript·python
红尘散仙6 小时前
Rust 终端 UI 开发新玩法:用 Ratatui Kit 轻松打造高颜值 CLI
前端·后端·rust
新酱爱学习6 小时前
前端海报生成的几种方式:从 Canvas 到 Skyline
前端·javascript·微信小程序