React Compiler 1.0正式发布：自动记忆化组件与Hooks

2025年10月7日，React团队宣布React Compiler迎来首个稳定版1.0。该编译器同时适用于React与React Native，在构建阶段通过自动记忆化（memoization）优化组件与Hooks，无需为性能重写业务代码；团队称其已在Meta大型应用中验证，可用于生产环境。安装示例为把babel-plugin-react-compiler以精确版本写入开发依赖。[1]

编译器目前以Babel插件形式提供，但核心与Babel解耦：把AST降级为自研高层中间表示（HIR），经多轮分析理解数据流与可变性，从而对渲染中的值做细粒度记忆化，包括手工useMemo难以覆盖的条件返回之后场景。配套校验会对照Rules of React给出诊断，并通过eslint-plugin-react-hooks的recommended、recommended-latest等预设暴露；此前单独的eslint-plugin-react-compiler可卸除，改用最新版eslint-plugin-react-hooks。[1]

生产侧，团队举例Meta Quest Store：初始加载与跨页导航最多约提升12%，部分交互超过2.5倍加速，内存占用基本持平。编译器兼容React 17及以上；未升到React 19时可配置最低target并依赖react-compiler-runtime。Expo SDK 54起默认开启编译器，Vite与Next.js的脚手架也可选用开启模板；存量项目可按官方渐进接入指南分批上线。与swc的插件协作仍在推进，建议Next.js 15.3.1及以上以获得更好构建表现。[1]

对useMemo/useCallback/React.memo，默认由编译器按启发式记忆化；需要精确控制（例如作为effect依赖）时仍可保留手工记忆化。新代码更建议依赖编译器，旧代码移除记忆化前应充分测试。升级时建议固定精确版本并用端到端测试兜底，因记忆化策略变化可能影响依赖记忆值的effect触发频率。[1]

来源

[1] React Compiler 1.0，react.dev，2025年10月7日（查询日2026-10-27）。

#React #ReactCompiler #前端 #自动记忆化 #eslint