前言

Photo by Marc Schulte
并发模式对用户体验和开发人员体验而言是一个巨大的改进。启用方法如下。
React的新并发模式刚刚在 实验发行版中发布。这是多年研究的结果,并证明了这一点。如果您想了解更多有关为何如此酷的知识,请一定要观看 Dan Abramov在JSIceland的演讲。人们开始使用它,看到一些不错的性能优势。
所有这些,请记住,这是实验性的。实验性发布渠道不尊重semver(因此,依赖它的代码可能会意外中断),并且肯定存在错误。但是早期的实验对许多人来说都是有希望的,我建议您在自己的应用中尝试一下。
一、安装它
首先,要启用并发模式,您需要具有支持此功能的React版本。在撰写本文时,React和React DOM的版本 16.11.0不支持并发模式。因此,我们需要安装该 experimental版本:
npm install react@experimental react-dom@experimental
# or: yarn add react@experimental react-dom@experimental
二、确保运行
确保您的应用正常运行,而无需进行其他任何更改。
运行您的应用程序,运行构建,运行测试/类型检查。如果 控制台中没有以前没有的新错误,则可能是React中的错误,您应该尝试进行最小程度的复制(最好在codeandbox中),然后 在React repo上打开一个新问题。
通常,我们会跳过这一步,但是我认为重要的是要确保如果有问题,您知道这些问题是从哪一步开始的!好的建议,我一般会说
三、启用并发模式

本文介绍了如何在React应用中启用并发模式,包括安装实验版本的React,确保应用正常运行,使用createRoot API,处理可能的不兼容问题,以及试用并发模式带来的时间分片和悬念异步功能。同时,强调了并发模式的实验性质,建议在稳定版发布后再考虑用于生产环境。
最低0.47元/天 解锁文章
1339

被折叠的 条评论
为什么被折叠?



