#React React 19.2 新增 <Activity> 组件，可在保留状态的前提下以最低优先级渲染隐藏内容，显著降低主线程压力并加速交互响应。
配套推出的 Performance Tracks 把 React 内部任务、组件渲染与 SSR 耗时一次性可视化，让开发者快速定位并消除拖慢 INP 的瓶颈。

https://calendar.perfplanet.com/2025/react-19-2-further-advances-inp-optimization/

Web Performance Calendar

React 19.2. Further Advances INP Optimization

Last year, in the article “5 tips to effectively optimize INP in React,” we focused on what developers often underestimate when optimizing React.

React is not automatically fast, and long JavaScript tasks can arise from perfectly common constructs. A larger…

#React 异步从手动处理迈向声明式协调

https://blog.logrocket.com/the-next-era-of-react/

LogRocket Blog

The next era of React has arrived: Here's what you need to know - LogRocket Blog

Aurora Scharff discusses React's async coordination primitives, and how React’s new era signals a fundamental shift in how devs build software.

#React 大人时代变了


https://allthingssmitty.com/2025/12/01/react-has-changed-your-hooks-should-too/

Allthingssmitty

React has changed, your Hooks should too - Matt Smith

Modern React has moved beyond overusing useEffect. Discover the Hook patterns that enable cleaner logic, fewer bugs, and scalable architecture in 2026.

#React 19 处理异步的方式

https://blog.logrocket.com/react-19-2-the-async-shift/

LogRocket Blog

React 19.2: The async shift is finally here - LogRocket Blog

Jack Herrington writes about how React 19.2 rebuilds async handling from the ground up with use(), , useTransition(), and View Transitions.

#React 为修正路由匹配的正确性，TanStack Router 改用段前缀树结构，意外带来最高 2 万倍的性能飞跃。
https://tanstack.com/blog/tanstack-router-route-matching-tree-rewrite

Tanstack

How we accidentally made route matching more performant by aiming for correctness | TanStack Blog

We achieved a 20,000× performance improvement in route matching in TanStack Router. Let's be honest, this is definitely cherry-picked, but the number is real and comes from a real production applicati...

#React React 19 错误边界在捕获首个错误后立即停止渲染同级组件，避免资源浪费。

同时消除重复错误日志，简化开发者对异常的处理逻辑。

https://andrei-calazans.com/posts/react-19-error-boundary-changed/

Andrei Calazans

React 19 Error Boundary Behaves Differently

An exploration of changes in error boundary behavior in React 19.

#React React Conf 2025 异步 React 演讲的最终状态。

https://github.com/rickhanlonii/async-react

GitHub

GitHub - rickhanlonii/async-react: The final state of the React Conf 2025 Async React talk.

The final state of the React Conf 2025 Async React talk. - rickhanlonii/async-react

#React 介绍了在React Router中如何通过actions和loaders将UI表单数据转换为数据库对象，以及将数据库数据转换为UI友好的格式，强调了分离关注点的重要性，以提高应用的可维护性和可测试性。

扩展重点：
- 三层数据架构
- 关注点分离

https://sergiodxa.com/tutorials/transform-formdata-between-ui-and-database-in-react-router

Sergio Xalambrí

How to Transform FormData Between UI and Database in React Router by sergiodxa

The blog of sergiodxa

#React #文章 文章介绍了如何使用React的`useDeferredValue()`和`useSuspenseQuery()`构建响应式的异步组合框组件，通过将数据获取逻辑提取到单独组件中并利用Suspense和错误边界，简化了加载和错误状态管理，同时通过`useDeferredValue()`优化渲染，实现平滑的用户体验和过时数据更新体验。

https://certificates.dev/blog/building-an-async-combobox-with-usesuspensequery-and-usedeferredvalue

certificates.dev

Building an Async Combobox with useSuspenseQuery() and useDeferredValue()

Learn how to build a responsive async combobox component using React's useDeferredValue() and useSuspenseQuery(). Discover how these concurrent features work together to create smooth user experiences with declarative loading states, optimistic updates, and…

什么？ #React 编译器悄悄发布了 v1.0正式版

https://www.npmjs.com/package/babel-plugin-react-compiler/v/1.0.0

#React 19.2 useEffectEvent允许开发者使用一个始终能看到最新状态和属性的函数，而不会导致包含该函数的Effect重新运行。作者期待看到这个钩子在未来如何被使用。

https://www.nico.fyi/blog/quick-look-use-effect-event

Nico's Blog

Quick look into the useEffectEvent

Learn how to use the new useEffectEvent hook in React 19.2

#React #文章 介绍了如何在使用 React 的 <Suspense> 进行服务器端渲染（SSR）时，通过 useSyncExternalStore 避免水合不匹配问题，但指出其会触发非并发渲染导致用户体验问题。作者提出通过 useDeferredValue 实现并发的 `useSyncExternalStore`，优化用户体验和性能，并提供了实践示例。

https://kurtextrem.de/posts/react-uses-hydration

kurtextrem.de

Concurrent Hydration with useSyncExternalStore

Pair useSyncExternalStore with useDeferredValue and memoization to keep hydration concurrent and INP friendly.

#React 隆重推出 React 基金会

多年来，关于谁“拥有/控制”React，以及如果这种情况发生变化可能会带来什么影响等问题一直备受关注。在 2025 年的 React 大会上宣布，React 和 React Native 的控制权将从 Meta 转移至一个独立的基金会，该基金会最初将得到包括亚马逊、Expo、Meta 和微软在内的多家企业成员的支持。


https://react.dev/blog/2025/10/07/introducing-the-react-foundation

网易财经

Meta宣布成立React基金会 React和React Native项目迎来新家

Meta宣布成立React基金会 React和React Native项目迎来新家,基金会,meta,react,native

#React 这篇文章《约束的纪律：Elm 教会我关于 React useReducer 的经验》探讨了作者从 Elm 语言的设计哲学中获得的启发，以及如何将这些启发应用到 React 的 useReducer 中，以写出更严谨、可维护的代码。

https://cekrem.github.io/posts/the-discipline-of-constraints-elm-usereducer-lessons/

cekrem.github.io

The Discipline of Constraints: What Elm Taught Me About React's useReducer

How enforced discipline in one language can teach you better patterns in another - lessons from crossing the Elm/React boundary

#React #文章 这篇文章的核心观点是：当你看到一段代码，用 useEffect 去监听外部数据、然后用 useState 去更新组件状态时，你真正想要的很可能是 useSyncExternalStore 。

https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/

Swizec

You may be looking for a useSyncExternalStore | Swizec Teller

When you see a `useEffect` that updates a `useState` and returns a value, you might be looking for a `useSyncExternalStore`. This is my current vendetta.

#React 这个vercel的组件补齐了现代AI响应最后一块拼图！Mermaid 图表自定义配置：支持自定义 Mermaid 图表的配置选项。

https://github.com/vercel/streamdown/releases/tag/streamdown%401.3.0

GitHub

Release streamdown@1.3.0 · vercel/streamdown

Minor Changes

73b17a4: Add controls prop to control copy/download button visibility.
64b5afa: feat: memoize components to prevent child re-renders
d2edc90: feat: add custom Mermaid configuration s...

#React #文章 文章的核心观点是：React 之所以在今天占据主导地位，并非因为其技术优势，而是因为它被视为“默认选择”。这种“默认选择”的文化正在阻碍前端生态系统的创新。

https://www.lorenstew.art/blog/react-won-by-default/

Loren Stewart

React Won by Default – And It's Killing Frontend Innovation | Loren Stewart

Exploring how React's dominance by default stifles frontend innovation, and why deliberate framework choices lead to better tools for performance, developer experience, and ecosystem diversity.

#React #文章 Reshaped 把 Figma 与 React 的组件、Token、状态一次性对齐，内置主题引擎（含深色模式）、无障碍与响应式规范，并提供原子级扩展接口，让团队在“零翻译”设计稿的同时，一句话切换全局主题、保持交互一致，还保留 20 % 的灵活拼装空间，直接省掉 80 % 的 UI 基建成本。
两年前，Reshaped 迈出了第一步，将 React 包免费开放。这一举措不仅使得独立开发者可以免费使用，也让已经购买源代码许可证的团队可以直接从 npm 安装。如今，Reshaped 宣布全面开源，React 库的源代码已经托管在 GitHub 上，Figma 库也在 Figma 社区中提供。这一转变让创始人感到兴奋，因为他希望这能促进设计与工程社区之间的交流，共同学习如何构建可扩展且保持简洁的设计系统。

https://reshaped.so/blog/reshaped-oss

Reshaped

Reshaped is now open-source - Reshaped

After five years of closed-source, Reshaped is finally open for all – both in React and Figma.

#React AI Elements 是一个基于 shadcn/ui 构建的组件库和自定义注册中心，旨在帮助您更快地构建 AI 原生应用程序。

https://github.com/vercel/ai-elements

GitHub

GitHub - vercel/ai-elements: AI Elements is a component library and custom registry built on top of shadcn/ui to help you build…

AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster. - vercel/ai-elements

#React React Fast Refresh 通过“编译期注入签名 + 运行时家族表 + 内核 reconciler 协同”实现组件级、状态保持的热重载，是 Web 与 RN 通用的官方下一代热更新方案。

https://leapcell.io/blog/react-fast-refresh

Leapcell

React Fast Refresh: Next-Gen Hot Reloading Explained | Leapcell

A technical breakdown of Fast Refresh, React’s modern approach to hot reloading and component updates.