440 - 《React Forget》

发布于 2024年5月15日

虽然官方已改名 React Compiler，但还是喜欢称之为 Forget。

1、Umi 4.2.4 已支持 React 19 和 React Forget，见下方两个 PR。

如果想要尝鲜，可以这样。（注：1）mfsu 和 mako 功能暂不支持 forget，2）forget 需要 react 19）

pnpm i umi react@rc react-dom@rc -D
npx umi g page index
npx umi config set mfsu false
npx umi config set forget {}
npx umi dev

然后打开浏览器中的 React Dev Tools，应该可以看到 Page 组件被标记为 Memo。

2、非 Umi 场景，如果要接入 Forget 也非常简单，只要加一个 Babel 插件即可。

npm install babel-plugin-react-compiler

plugins: [
  ['babel-plugin-react-compiler', ReactCompilerConfig]
]

其中 ReactCompilerConfig 有几个配置，应该是为了方便大家逐步接入 Forget 用，比如从目录开始，或者基于注解接入。

1）sources 配置。

const ReactCompilerConfig = {
  sou

此内容需要会员权限。请先登录以查看完整内容。