React 周刊 第242期

原文：This Week In React

⚛️ React 动态

• 👀 NuxtLabs 加入 Vercel Vercel 收购了负责维护 Nitro 和 Nuxt 的组织 NuxtLabs。SolidJS 的作者指出，许多元框架如今都受到了 Vercel 的影响，其中也包括 TanStack Start。

• 👀 Next.js PR – 生成路由类型清单 一项对 Next.js 的提议变更，旨在自动为应用的所有路由生成类型定义，使其无需导入即可全局可用。这将提供即时的类型安全和 IDE 自动补全功能，有助于及早发现路由错误。

• 👀 Next.js PR - 将浏览器错误/日志转发至终端 此 PR 旨在将前端的错误和日志信息直接输出到开发服务器的终端，简化调试流程。

• 🐦 保护你的 Next.js Server Actions Alex Sidorenko 通过一篇推文，分享了如何保护 Next.js Server Actions 的实用技巧。

• 💬 Facebook 如何提供 React 页面？ (r/reactjs) Reddit 上的一个有趣讨论揭示：出人意料的是，他们使用 Hermes 引擎（React Native 的运行时）来执行 React Web 的服务器端渲染（SSR）！

• 📜 Valtio-reactive 简介：一个基于 Valtio 构建的响应式库 本文介绍了如何为全局状态管理库 Valtio 增添缺失的响应式和可观察性功能。

• 📜 通过代码回顾 React 的历史 这篇文章精彩地剖析了 React 如何演变成熟，并分析了各个时期技术选型的优缺点。它追溯了从早期的 JSX 和虚拟 DOM 到现代的 Hooks、Suspense 和服务器组件的演进过程。

• 📜 如何测试 React 服务器组件 (RSC) 由于目前尚无官方的 RSC 测试方案，社区涌现出一些极具创意的想法。这个方案虽然非常“黑科技”且不推荐常规使用，但其巧妙的思路值得一看。

• 📜 React Query 中的无限查询 本文展示了如何利用 React Query 的 useInfiniteQuery 轻松实现无限滚动加载功能。

• 📜 关于 React 和 Next.js 代码库中“微模块”的思考 作者对“保持所有 React 模块小巧”的理念提出质疑，认为在某些情况下，清晰的逻辑比过度严格的规则更重要。

• 📜 深入理解 state 和 useState 本文深入探讨了 React 状态管理的细节，这些知识虽然不常用，但在处理边缘情况时会非常有帮助。

• 📦 @vitejs/plugin-rsc: 为 Vite 提供 React 服务器组件 (RSC) 支持的官方插件现已在 npm 的 @vitejs 组织下发布。

• 📦 shadcn 2.8: 支持从本地 JSON 文件初始化和添加组件、主题及 Hooks。

• 📦 react-hook-form 7.60: 新增 keepFieldsRef 选项，避免在 reset() 后重新注册输入框引用。

• 📦 Lexical 0.33: 可扩展的文本编辑器框架发布新版。

• 📦 TanStack Router 1.125: 引入选择性 SSR，允许按路由定义组件的渲染位置以及 loader 和 beforeLoad 的执行环境。

• 📦 React-Email 4.1: 将预览服务器分离为独立包。

• 📦 Recharts 3.1: 新增 useOffset、usePlotArea 和 useActiveTooltipDataPoints 等 Hooks。

• 📦 XState/store 3.8: 增加了撤销/重做功能。

• 🎥 Theo – 评测文章《React feels insane》 观看视频。

• 🎥 Ryan Carniato – Signals 如何改进 React 观看视频。

📱 React-Native 生态

Unistyles 3.0 稳定版发布

React Native Unistyles 3.0 现已稳定！这是一个用 C++ 编写的高性能样式库，它能根据依赖变化，仅重新计算和更新必要的样式与组件，从而避免不必要的重新渲染。该库现在由 Nitro Modules 驱动，且仅支持新架构。3.0 版本更新了与 React Native StyleSheet 对齐的 API，并带来了复合变体（Compound Variants）、作用域主题（Scoped Themes）、与 React Native Reanimated 的深度集成等众多新特性。

• 👀 React Native PR – iOS 支持 CSS blur 滤镜 该 PR 为 iOS 平台添加了对 blur() 滤镜的支持。
• 🐦 Expo 正在开发全新的模态框和底部工作表解决方案 据推文透露，Expo 团队正在努力解决模态框和工作表的通用处理方案。
• 🐦 Expo 52+ 将支持阴影内边距（Shadow insets） Evan Bacon 透露了这一即将到来的新特性。
• 🐦 React Native DevTools 集成 Redux DevTools Szymon Chmal 演示了在 React Native DevTools 中对 Redux DevTools 的支持。
• 🎨 炫酷动画演示 Enzo Manuel Mangano 在 X 上展示了一系列来自他 App.js 2025 演讲 的动画效果，并已在 GitHub 开源。
• 📜 React Native RAG 简介 这是一个用于 React Native 的设备端检索增强生成（RAG）库，与 ExecuTorch 无缝集成，可利用本地知识库提升大语言模型的回答质量。
• 📜 Ignite 11: Bison 发布 Ignite 11 带来了仅支持新架构、Expo SDK 53、自定义状态管理方案等更新。
• 📜 通用之道：一套代码，全平台运行 本文探讨了如何使用 Solito、Expo Router 或 Tamagui 等通用工具，更轻松地构建跨平台通用应用。
• 📦 Metro 0.82.5: 快速刷新（Fast Refresh）的稳定性和性能得到改进。
• 📦 React Native 0.81.0 rc.0: 首个候选版本发布。
• 🎥 Expo – 使用远程构建缓存加速你的 Expo 构建 观看视频。
• 🎙️ 播客 Rocket Ship 75: 讨论了 React Native 的优秀库、背景图片、Skia 和 WebGPU 更新等热门话题。

🔀 其他技术资讯

• 🎨 Effect.ts 行为的可视化交互式解读 一个非常直观的学习资源。
• 📜 可设置样式的 CSS gaps 一篇关于新兴 CSS 特性 Gap Decorations 的文章，它允许开发者轻松地为 flex、grid 和多列布局中的“间隙”区域添加样式。
• 📜 JavaScript 的作用域提升已“损坏” Devon Govett 的深入分析。
• 📜 TypeScript 中的 satisfies 操作符 一篇实用的教程。
• 📜 使用 View Transition 实现列表重新排序 一篇关于利用 View Transition API 实现平滑列表动画的文章。
• 📜 Browserslist-rs 重大重构，二进制文件大小减少超过 1MB 了解优化详情。
• 📦 TypeScript 5.9-beta: 带来了 import defer 支持、CLI 配置改进以及更完善的 DOM API 描述。
• 📦 Biome 2.1: 扫描器速度更快，类型推断能力增强。
• 📦 Astro 5.11: 改进了 CSP 支持并可禁用 HTML 流式传输。
• 📦 esbuild 0.25.6: 优化了 Tree-shaking，改进了 CSS 选择器支持，并为 watch 模式增加了可配置的延迟。