Introducción
El React Compiler (antes React Forget) es una herramienta de compilación que memoiza automáticamente componentes, hooks y valores de React analizando dependencias reactivas en tiempo de compilación.
El problema de la memoización manual
useMemo, useCallback, React.memo son verbosos, propensos a errores y fáciles de olvidar. Un useMemo faltante causa re-renderizados innecesarios; un array de dependencias incorrecto causa closures obsoletas.
Cómo funciona
- Detección de valores reactivos (AST). 2. Construcción de grafo de dependencias. 3. Generación de código optimizado con caché integrada.
Lo que puedes eliminar
Con el React Compiler activado ya no necesitas: useMemo(), useCallback(), React.memo(), ni arrays de dependencias manuales.
Integración con Vite y Next.js
Vite: plugin Babel babel-plugin-react-compiler. Next.js: experimental.reactCompiler: true.
Advertencias
Refs mutables no se rastrean, stores externos necesitan useSyncExternalStore, efectos secundarios complejos pueden necesitar dependencias explícitas.