什么是 React 并发模式？为什么你会爱上它？

不久前，Facebook 推出了并发模式（截至撰写本文时，该模式仍处于实验阶段）。

并发模式在设计之初就充分考虑了用户和开发人员的体验，但这一次它似乎真的有很多值得称道的地方，并且即将成为 React 向前迈出的巨大一步。

几乎每天都会涌现出许多新的用例，所以如果您发现了我在本文中没有提到的任何功能，请在评论中添加。

什么是并发模式？

并发模式是一组功能，可使 React 运行速度更快，对用户（和开发人员）更加友好。

该计划旨在通过调整以适应用户的设备功能和网络速度，使 React 应用具有更强的响应能力。

React 开发者们也自豪地宣称，他们致力于让开发者的生活更轻松，并帮助他们尽可能轻松地构建启动快、运行快的应用程序，无论应用程序规模有多大。

渲染

如果从开发角度来看，用户体验中最重要的因素就是渲染速度。渲染速度越快，应用的流畅度就越好。

但由于普通用户可能感觉不到毫秒级的差别，但对于开发者来说，这意义重大，因为他必须在“幕后”处理更多的渲染工作。

React 之所以流行，要归功于虚拟 DOM——它只需扫描并检测 DOM 中的变化，而无需从头开始构建整个 DOM 结构。

但是，当您想要渲染任何更新时，您不能中断它，并且您必须等待新的更新，直到之前的渲染完成。

但现在情况不同了。

在并发模式下，渲染是可以中断的。

简单来说，并发渲染是指可以在不阻塞主 UI 线程的情况下渲染组件树。

这样，您就可以在旧版 UI 更新完成之前开始新版 UI 更新。

数据获取的悬念

并发模式中最令人兴奋的功能之一是数据获取的暂存。

现在，您可以使用 <Suspense> 组件，不仅可以等待代码加载，而且实际上还可以以声明的方式等待您想要获取的任何其他内容加载完毕。

换句话说，你无需等待响应返回即可开始渲染。现在你可以同时进行渲染和数据获取。

它还可以解决许多竞态条件，改善整体用户体验，并实现以前不可能实现的新功能。

概括

并发模式已经开启了许多有趣的可能性，我想这仅仅是个开始。

让网络更快、更易于使用的目标始终如一，但这一次，由于 React 及其特性，未来变得无比精彩。

更多使用技巧请访问此网页。