在 React 18 中，并发渲染 (concurrent render) 有可能会出现撕裂这个问题，本文只是介绍产生撕裂的原因。

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

suspense的字面意思就是悬而不决，用在平时开发中，就可以理解为还没有完成的事，你不知道啥时候完成。也就是异步，异步加载组件，异步请求数据。 1. 代码拆分 服务于打包优化的代码拆分。lazy和suspense配合使用 这样在打包代码时，可以显著减少主包的体积，加快加载速度…