前言
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上打开一个新问题。
通常,我们会跳过这一步,但是我认为重要的是要确保如果有问题,您知道这些问题是从哪一步开始的!好的建议,我一般会说
三、启用并发模式
在项目的入口文件中,您可能会有类似以下内容的内容:
import React from 'react'
import ReactDOM from 'react-dom'
import App from './app'
const rootEl = document.getElementById('roo