React周刊2026W21 | Relay 21.0、Storybook 10.4、Redux Toolkit v2.12.0、React Redux 9.3.0、Rockpack 8.0.0

本周 React 生态迎来多项更新：Relay 21.0 新增 TypeScript 支持与 RSC 实验性支持；Storybook 10.4 强化 TanStack React 集成并引入 AI 代理自动配置；Redux Toolkit 和 React Redux 发布新版本；Rockpack 8.0 支持最新 ESLint、TypeScript 与 Tailwind CSS；社区热议从 Next.js 转向 TanStack Start 的趋势。

🔥 头条

Component Party：UI 库罗塞塔石碑

通过代码片段对比多个框架（包括 React、Vue、Svelte、Angular、Ember 及更多小众选项）执行常见任务的方式。最近的更新扩展了 Angular 和 Svelte 的覆盖范围，并新增了 Ripple 和 Ember Polaris。

📖 文章

Hot Updater：React Native 自托管 OTA 更新方案

一种无需提交应用商店即可部署应用更新的方式。最新更新增加了打包差异对比功能，使更新包更小、更高效。

Modern Web Guidance

🤖 Google 在本周 I/O 大会上发布了 Modern Web Guidance。这是一套经过专家审查的技能集，用于指导编码代理构建无障碍且高性能的 Web 体验，例如“设置我的应用，让用户在悬停重要链接时开始预加载页面”。

npq

npq 是一款让 npm install 更安全的工具。它位于 npm 前端，在安装前审计软件包，包括警告有关 pre/post-install 脚本的风险。

🛠 工具

Relay 21.0：Meta 的 React 数据获取框架

Relay 是 Meta 开发的声明式基于 GraphQL 的数据获取框架，Facebook 自身也在使用。新版本新增了原生 TypeScript 支持、新的错误处理能力，以及实验性的 React Server Components 支持。

Rockpack 8.0.0

一款用于快速搭建 React 应用的工具，全面支持服务端渲染、打包、代码检查和测试。v8.0 现已支持 ESLint 10、TypeScript 6 和 Tailwind CSS v4。

React Native Zip Archive 8.0

React Native 应用的 Zip 压缩包功能库。

📝 简讯

Storybook 10.4——前端组件工坊

Storybook 10.4——前端组件工坊——新增了一流的 TanStack React 支持、更简洁的 React Native 配置，以及 AI 代理自动在复杂应用中设置 Storybook 的能力。

🗣️ Reddit 的 /r/reactjs 讨论人们为何从 Next.js 转向 TanStack Start

Reddit 的 /r/reactjs 社区讨论了人们正从 Next.js 转向 TanStack Start 的原因。

Redux Toolkit v2.12.0 和 React Redux 9.3.0 已发布

Redux Toolkit v2.12.0 和 React Redux 9.3.0 已正式发布。