React 周刊 第245期

原文：This Week In React

⚛️ React 最新动态

• TanStack DB 0.1 发布，嵌入式客户端数据库，助力 TanStack Query：提供反应式数据层和集合间关系，采用差异化数据流，仅重新计算变更部分，兼容 REST、GraphQL 等主流接口，逐步可用，设计支持同步引擎。
• 💸 Next.js 15 & React 19 全栈开发大师课
• 👀 React 核心 PR - 弃用“抛出 Promise”技术：即将废弃触发 Suspense 边界的旧技巧，并在新版中发出警告。建议迁移至 React.use(promise)。库维护者如 React Query 正在讨论如何兼容 React v18/v19。
• 👀 React 核心 PR - 新增 cacheSignal()：即将支持获取 AbortSignal，可在 React.cache() 生命周期内终止网络请求。
• 👀 Next.js PR - 实现 MCP 初版：15.4.2-canary.16 起，next dev 可启用 MCP 服务器，支持 Turbopack，可查询模块图和路由问题。
• 📅 Next.js 大会 - 旧金山，2025年10月23日 - CFP 已开放
• 📜 无用的 useCallback：细谈 React.memo 优化和 useEffect 行为易被破坏的原因，主张优化应封装实现而非依赖组件使用方式，值得深思。
• 📜 Parcel 如何打包 React Server Components：详解 Parcel 的代码拆分与预加载机制，涵盖 RSC 场景下的动态导入与 use client 指令。
• 📜 TanStack Start 迁移至 Next.js 的过程与讨论（相关讨论）
• 📜 从零编写 React Hooks
• 📜 Storybook 与 Vitest 的组件测试
• 💸 Apryse WebViewer 助力 React 集成 DOCX 编辑，无需服务器配置，原生体验
• 📦 React 19.1.1 修复发布
• 📦 Remix 2.17 - CLI 初始化引导迁移至 React Router：Remix v2 进入维护状态。
• 📦 TanStack Router 1.130 - 新增 disableGlobalCatchBoundary 选项：允许错误冒泡，便于测试与错误上报。
• 📦 TanStack Form 1.15 - 新的 withFieldGroup API
• 📦 React Hook Form 7.61 新增 compute 属性用于 useWatch() 订阅
• 📦 Int 6.1 - React CLI 渲染器 - Box 组件支持 backgroundColor
• 📦 React Aria 2025-07-22 发布 - 无限滚动、自动表单重置、更多事件支持
• 📦 Base UI 1.0 beta.2：作为 Radix UI 替代品逐步完善（Next.js DevTools 已采用）。
• 📦 Satori 0.16 - JSX 转 SVG，Yoga 引擎升级，支持更多 CSS 规则
• 📦 Preact 10.27 - typedefs 新增 ref 回调清理函数

不要错过下期邮件！
立即订阅！

我定期阅读的少数内容之一，帮助我及时了解 React 生态。
—— Theo Browne，ping.gg 创始人 / YouTuber

📱 React Native 最新动态

• iOS 端 React Native 预编译功能即将到来，0.81 提速显著：0.81 版本支持预编译 RN 及依赖，类似 Android 方案。短期为可选项，Expo 54（八月底）将默认启用，RNTester 构建时间缩短10倍，Expo Go 提升约37%。未来第三方库也将鼓励预编译。
• 💸 工程师的产品设计指南（含提示词）
• 👀 React Native PR - 启用 enableEagerAlternateStateNodeCleanup：加速 shadow node 清理，显著降低内存占用。
• 📣 Expo Changelog - 七月中旬网站更新：EAS Hosting、工作流、组织等
• 📖 Expo Docs - 新增“危险 mod”文档页面：用于创建自定义 config 插件，突破现有 mod 限制。
• 📜 优化 React Native 启动速度：正确处理 Lottie JSON：建议将大型 JSON 文件（如 Lottie、i18n）移出包体，改为文件系统读取。
• 📜 Nativewind v5 迁移指南：v5 尚未发布，但提前准备迁移有益。
• 📜 React Native 集成 Apple NLP 实现设备端文本嵌入
• 📜 EAS Update 的六大优势
• 📦 Rozenite - React Native DevTools 插件框架：支持自定义面板与插件市场，预置 React Query、MMKV、Redux、Expo Atlas、Network 等插件，现代化替代 Flipper。
• 📦 React Native AI 0.2 - Apple Foundation Model 优化：支持结构化输出、工具调用、AI SDK v5 流式，安卓支持即将上线。
• 📦 React Navigation Routers 7.5 - backBehavior=fullHistory 时保留参数
• 📦 Nitro 0.27 - 新增 dispose() API，Swift 类默认开放，Nitrogen 性能大幅提升
• 📦 Bottom Sheet 5.1.8 - 支持 Reanimated 4
• 📦 Tinybase 6.5 - 新增 MMKV 持久化器
• 🎥 Kacper Kapuściak - Reanimated 4 详解 CSS 过渡与动画
• 🎥 Beto - 利用 AI 快速生成精美 App 图标（iOS & Android）
• 🎥 Beto - React Native 新手图表教学
• 🎙️ RNR 338 - React Native 企业级框架专访 Michał Pierzchała

🔀 其他技术动态

• 👀 TC39 会议进行中：多项提案进展，包括 Map.getOrInsert()、Math.sumPrecise()、迭代器序列等，更多新提案即将发布。
• 📜 过去十年 JavaScript 运行时盘点：全面梳理运行时多样化的原因，没有“唯一最佳”，React Native 和 Hermes 在其中表现突出。
• 📜 vi.mock 与 vi.spyOn 的选择：深入理解 Vitest/Jest 的 mock 机制，介绍 ES 模块 live binding 概念。
• 📜 NodeJS DNS 缓存机制：如 axios、node-fetch 等库可能因 DNS 解析导致线程池阻塞。
• 📜 TypeScript 类型值化与类型级映射
• 📜 WebAssembly 何时支持 DOM？
• 📦 TypeScript 5.9 RC - import defer、稳定的 require(esm)、IDE 可展开工具提示、类型实例化加速等
• 📦 es-toolkit 1.39 - lodash 的现代替代品，性能提升 2-3 倍，体积缩小达 97%：通过兼容包实现与 lodash 的 100% 兼容。
• 📦 ArkType Attest - TypeScript 类型测试工具：可快照 TS 自动补全结果，提升库开发者 DX。
• 📦 npq - npm 包安装前安全审查工具