React 周刊 第235期

⚛️ React

React Router RSC 预览 📖

React Router 团队发布了对 React Server Components (RSC) 的预览支持，基于 Parcel 打包工具。当前，稳定支持受限于 Vite 对 RSC 的官方支持，但好消息是 React Router 正变得更加框架无关，未来有望以最小的努力支持其他打包工具。

该功能设计上既支持渐进式采用（通过在加载器/动作中返回 JSX），也适用于全新项目，全面使用服务器组件路由、'use client' 和 'use server' 指令。文章还介绍了如何解决 RSC 中的 N+1 查询问题，灵感来源于 GraphQL/DataLoader。

Render Hooks 和 With React 🛠️

Render Props 模式似乎正在回归，两个新项目提出通过 render 回调暴露 React 核心钩子。这种方式在某些场景下很方便，允许在遵守钩子规则的同时“内联”组件。然而，它并未解决通过提取自定义组件无法解决的问题。建议谨慎使用这一有趣的模式。

其他 React 动态

• React Core PR - createStore() 初步 API 🔍
  React Labs 最新更新中提到的并发存储功能的初始框架。虽然尚未实现具体功能，但 API 的签名和类型已引人注目。特别值得注意的是，存储值无法直接访问，只能通过 use(store) API 获取，这在并发环境中非常合理。请注意，此功能仍在开发中，未来可能会有变化。

• React Core PRs - <SuspenseList> 开发中 ⏳
  <SuspenseList> 组件自 React 18 以来鲜有消息。这个组件可协调 Suspense 边界并控制其“显示顺序”（向前/向后/一起）。

• React Core PR - 过渡指示器 + onDefaultTransitionIndicator API 🔄
  正在开发的功能将允许在 React 过渡期间提供用户反馈。React-DOM 的默认实现将显示浏览器原生加载指示器，但也可以选择退出或提供自定义反馈。

• SWC PR - 初始化 @swc/react-compiler ⚙️
  一个新包将为基于 SWC 的项目集成 React 编译器。尽管底层仍使用 Babel，但可通过仅对相关文件运行编译器进行优化（参考 Next.js 的做法），并可能利用并行化。

• Next.js PR - 初始 Segment Explorer 开发工具 🗺️
  Next.js 团队开始开发一个工具，帮助可视化并行和拦截路由段。

• Next.js 页面路由器漏洞 - CVE-2025-32421 🔐
  低严重性的页面路由器漏洞，已修复。

• Appwrite Sites：开源 Vercel 替代方案 ☁️
  AppWrite 云平台现支持部署全栈 React 元框架，定位为 Vercel 的直接竞争者，尽管其采用容器而非无服务器架构。它是付费云产品，但也支持免费自托管。

• 并发渲染 📚
  来自 ui.dev 课程的免费交互式课程，讲解 React 过渡。

• 正确推断初始属性类型 🖌️
  无需显式定义上下文值的类型，可利用类型推断。

• 使用 flushSync 掌握 React 焦点管理 🎯
  默认情况下，React 采用批量更新，不会立即将状态更新同步到 DOM，必要时可选择退出此行为。

• React 中的状态保留与重置 🔄
  解释了为何有条件地包裹组件可能导致状态重置。

• Waku 0.23 - 细粒度组件渲染模式 🌐
  支持对动态页面的部分内容进行静态预渲染。API 略显复杂，但理念比 Next.js 的部分预渲染更简单。

• React-Scan 0.3.4 - 扫描 React 性能问题 🩺
  该版本宣布了即将推出的功能及 Chrome 商店扩展 的可用性。

• React Aria - 2025 年 5 月 19 日发布 📦
  React Aria 的最新更新。

• React-Admin - 2025 年 5 月更新 - 5.7 & 5.8 📦
  React-Admin 的功能更新。

• StyleX 0.13 - 新增 defineConsts 和 positionTry API 🎨
  StyleX 的最新功能增强。

• Shopify Hydrogen 2025.05 - 升级至 React Router 7 🛒
  Shopify Hydrogen 的更新。

• 视频：React 是最后一个框架？ 🎥
  一个颇具争议的观点，认为 React 的运行时/语法不太可能发生重大变化（主要由于 AI 的影响），创新正向更高层次的抽象（如 React 编译器）迁移。

• 视频：React Router 中的服务器组件 (RSC) 真的很好用吗？ 🎥
  探讨 React Router 中 RSC 的实际应用效果。

📱 React Native

• Fortnite 重返美国 App Store 📱
  Fortnite 重新上架美国 iPhone 和 iPad 的 App Store，并在欧盟的 Epic Games Store 和 AltStore 上架。苹果终于遵守法院裁决，允许移动应用使用替代的基于网页的支付方式，绕过 30% 的应用内购买费用。

• Airbnb Lava 预览 🎞️
  Airbnb 开发了一种新的轻量级媒体格式，用于跨平台嵌入动画和微交互图标，可能是 Lottie 的继任者，尚未开源。

• 使用 Expo 和原生代码进行实时音频处理 🎙️
  介绍如何在 React Native 中实现实时音频处理。

• Expo + IoT：通过 HTTPS 和 WiFi 进行设备配置 🌐
  探讨在 IoT 场景下使用 Expo 进行设备配置。

• 在 React Native 中使用 Vercel AI SDK 运行本地 LLM 🤖
  介绍如何在 React Native 应用中运行本地大语言模型。

• Lynx 3.2 - 测试库、新 CSS 特性、改进微任务和控制台支持 📦
  Lynx 的最新更新。

• React Native Skia 2.0.1 - iOS 支持广色域 🎨
  Skia 的更新，增强了 iOS 上的颜色支持。

• 视频：从 Expo SDK 52 升级到 53 📹
  详细指导如何升级 Expo SDK。

• 视频：使用 Expo Router 实现 React Native 抽屉导航 📹
  展示如何在 React Native 中实现抽屉导航。

🔀 其他

• TC39 - 第 108 次会议议程 📅
  下周将讨论一系列 JavaScript 提案，包括 using 关键字和 Error.isError()，部分可能成为标准。

• JavaScript 新超能力：显式资源管理 🛠️
  介绍已在 Chrome 和 Node 24 中可用的 using 关键字。

• MCP 的未来是 GraphQL 📡
  Apollo 宣布其 MCP 服务器，阐述 GraphQL 与 AI 需求的契合。

• Node 22.16 - 实验性 node.config.json 支持 📦
  Node 的最新更新。

• Zod 4.0 - 更快、更轻、更高 tsc 效率 📦
  Zod 的重大更新，新增小型导出和本地化支持。

• Remotion Media Parser - 基于 WebCodecs 的通用视频解析库 📼
  支持视频解析、解码和编码的通用库。