Closed Chen-jj closed 3 years ago
React 18 更极致的批处理优化
概要:
以往 React 在某些情况下会对多个更新动作进行批处理,最终只重新渲染一次,优化更新性能。React 18 默认会进行更多的批处理操作,开发者无需再调用 unstable_batchedUpdates 手动启动批处理。Dan 在文中详细讲解了批处理是什么,它当前是怎么工作的,React 18 中又带来了什么变化,以及潜在的 Breaking Changes。
unstable_batchedUpdates
推荐语:
如果你不了解当前 React 批处理的具体行为,不清楚为什么事件回调中多个 setState 会被合并,而事件回调中调用 setTimeout 里的 setState 又不会被合并,这篇文章将会很好地为你答疑解惑。此外,React 18 最近发布了 alpha 版本,如果你对 React 18 的新特性有兴趣,可以浏览 React 18 工作组,这里汇集 React 团队对 React 18 新特性的介绍、设计原理解析等内容。
setState
setTimeout
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 新特性的介绍、设计原理解析等内容。