o2team / tech-weekly

JELLY Tech Weekly
104 stars 8 forks source link

React 18 更极致的批处理优化 #187

Closed Chen-jj closed 3 years ago

Chen-jj commented 3 years ago

React 18 更极致的批处理优化

概要

以往 React 在某些情况下会对多个更新动作进行批处理,最终只重新渲染一次,优化更新性能。React 18 默认会进行更多的批处理操作,开发者无需再调用 unstable_batchedUpdates 手动启动批处理。Dan 在文中详细讲解了批处理是什么,它当前是怎么工作的,React 18 中又带来了什么变化,以及潜在的 Breaking Changes。

推荐语

如果你不了解当前 React 批处理的具体行为,不清楚为什么事件回调中多个 setState 会被合并,而事件回调中调用 setTimeout 里的 setState 又不会被合并,这篇文章将会很好地为你答疑解惑。此外,React 18 最近发布了 alpha 版本,如果你对 React 18 的新特性有兴趣,可以浏览 React 18 工作组,这里汇集 React 团队对 React 18 新特性的介绍、设计原理解析等内容。