#优质博文 #前端 #react #新动态
🎉 React Status #431

AI 摘要：本文是 React Status 第 431 期的内容，发布于 2025 年 6 月 11 日，涵盖了 React 生态系统的最新动态和前沿技术讨论。文章聚焦于 React 团队成员 Dan Abramov 近期的一系列博客文章，深入探讨了 React Server Components (RSC) 的技术细节和客户端/服务器架构的创新。此外，文章还报道了 Remix 框架的重大转型、React Native 新架构的进展、以及多个工具和库的更新，如 Storybook 9 和 React Final Form 7.0 等。同时，包含了 JavaScript 生态中其他值得关注的技术进展，如 Rolldown 打包工具和 Gleam 语言的性能提升。

1. Dan Abramov 最近的博客系列
• How Imports Work in RSC：介绍了 JavaScript 模块系统的基础知识，并探讨了 RSC 如何扩展模块系统以跨越服务器和客户端环境，解决模块导入的技术挑战。
• Progressive JSON：以 Progressive JPEG 为比喻，阐述了流式 JSON 数据在应用中的动态加载和渲染，结合 React 的 Suspense 功能实现更流畅的用户体验。
• Why Does RSC Integrate with a Bundler?：深入分析了为什么 RSC 需要与打包工具（如 bundler）集成，以及如何协调客户端和服务器代码的复杂性，是一篇技术性较强的文章。
• RSC for Lisp Developers：将 RSC 的理念与 Lisp 语言“代码即数据”的思想进行比较，探讨了服务器组件的设计哲学。
• 额外信息：Dan Abramov 宣布提供 UI 工程和 React 相关的咨询服务，机会可能有限。

2. 生态简讯
• React Native 团队已冻结旧架构代码库，全面聚焦新架构开发。
• React Jam 游戏开发活动回顾：开发者在 10 天内用 React 创建游戏，文章分享了获奖作品。
• Expo 团队分享了一个基于 React Native 和 Reanimated 构建的快节奏游戏案例研究。
• Remix 框架转型：Remix 和 React Router 一年前合并后，如今再次调整方向。React Router 回归 Remix 最初目标，而 Remix 重启为以模型优先、低依赖、Web API 为中心的 Preact 全栈框架。
• React Router 项目也有好消息，包括开发进展更新、新的开放治理模型和未来规划。

3. 技术洞察与教程
• The 3 Ways JavaScript Frameworks Render the DOM：SolidJS 创作者 Ryan Carniato 讲解了框架渲染 DOM 的三种方式，内容深入但易于理解（视频时长 16 分钟）。
• 多篇技术文章，包括 2025 年 React + Flask 项目创建、自定义 useState Hook、2025 React 设计模式与最佳实践、从 Next.js 迁移到 TanStack、SolidJS 教程以及 Remix V3 的缺陷分析。

4. 工具与库更新
• Storybook 9：UI 组件测试工具大更新，新增交互、视觉和无障碍测试功能，支持 React、Svelte、Next.js 等框架。
• Partycles：React 粒子动画库，提供 19 种效果（如烟花、气球），并展示了优秀的项目落地页面设计。
• React Final Form 7.0：高性能表单状态管理库，从 Flow 迁移到 TypeScript。
• Chrome Extension Boilerplate：基于 Vite 和 Turborepo 的 Chrome/Firefox 扩展开发模板，构建速度更快。
• 其他更新包括 Ink 6.0（支持 React 19）、React Native Reanimated 3.18、PrimeReact 10.9.6 等。

5. JavaScript 生态其他动态
• Rolldown-Vite：基于 Rust 的快速打包工具 Rolldown 即将被 Vite 集成，开发者反馈构建时间显著缩短。
• Node 的类型剥离加载器 Amaro 已经达到了 v1.0，标志着 Node.js 对 TypeScript 提供“稳定”支持的下一步。
• Gleam：一种易读易写的语言，编译到 JavaScript 后性能提升 30%。
• 其他技术如 Node.js 原生模块钩子实现热模块重载、Oxlint 1.0 发布等。

overreacted.io

A blog by Dan Abramov