⚛️ 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 - 新的
withFieldGroupAPI - 📦 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 包安装前安全审查工具