React 18 正式发布:并发渲染

2022年3月29日,React 团队正式发布了 React 18。这不仅仅是一个版本号的迭代,更是 React 诞生以来最底层、最具野心的一次架构重构。此次更新的核心在于引入了备受期待的“并发模式”(Concurrent Mode),彻底改变了 React 渲染 UI 的核心逻辑。

在 React 18 之前,渲染是同步且不可中断的。一旦开始渲染更新,主线程就会被阻塞,直到更新完成。如果组件树庞大,用户就会感到明显的卡顿。React 18 通过并发渲染打破了这一限制,允许 React 同时准备多个版本的 UI,并且可以中断、挂起或废弃渲染任务。这意味着浏览器可以在渲染间隙响应用户的点击或输入,极大地提升了用户体验。

随之而来的新特性如 useTransitionuseDeferredValue,赋予了开发者控制渲染优先级的权力。自动批处理(Automatic Batching)的改进,则让多次状态更新合并为一次重渲染,直接提升了性能,而无需开发者手动优化。

useTransition

useDeferredValue