苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵

文章预览

本文主要内容有： 1、介绍 React Compiler 2、检测你的项目是否适合使用 Compiler 3、如何在不同的项目中使用 Compiler 4、真实项目使用体验 5、React Compiler 原理 共  3649  字，阅读需要花费 6 分钟。 1 React Compiler React Compiler 终于开源了。 自从从它第一次在 React Conf 2021 亮相。到现在 React Conf 2024 正式开源，我已经苦等了三年之久。盼星星盼月亮，终于把他给盼来了。 i 以前叫 React Forget，现改名为 React Compiler 要了解 React Compiler，这还需要从 React 的更新机制说起。 React 项目中的任何一个组件发生 state 状态的变更，React 更新机制都会从最顶层的根节点开始往下递归对比，通过双缓存机制判断出哪些节点发生了变化，然后更新节点 。这样的更新机制成本并不小，因为在判断过程中，如果 React 发现 props、state、context 任意一个不同，那么就认为该节点被更新了 ………………………………