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技巧合集

相关推荐
Lee川3 分钟前
RAG 实战:从一篇掘金文章出发,拆解检索增强生成的全链路
前端·人工智能·后端
Lee川16 分钟前
MCP 高德地图实战:当 AI 学会使用工具,一个协议如何重塑大模型的行动边界
前端·人工智能·后端
ZC跨境爬虫29 分钟前
跟着 MDN 学CSS day_14:(尺寸调整技能测试与实战解析)
前端·css·ui·html·tensorflow
kyriewen37 分钟前
用魔法打败魔法:我让AI替我去面试前端岗,AI面试官给我打了92分,还发了offer
前端·javascript·面试
IT_陈寒41 分钟前
Redis批量删除踩了坑,原来DEL命令不是万能的
前端·人工智能·后端
lichenyang4531 小时前
鸿蒙聊天 Demo 练习 06:AI 思考气泡与 MVVM + Controller 结构重构
前端
Lkstar1 小时前
Vue keep-alive 原理全解:LRU 缓存策略、源码级理解
前端·vue.js·面试
会联营的陆逊1 小时前
html2canvas 1.4.1 在 iOS Safari 中生成图片卡住的问题排查与修复
前端
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_13 :(深入理解CSS中的元素尺寸调整)
前端·javascript·css·ui·html·tensorflow
threelab2 小时前
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器