Activer React Compiler dans WXT

Activer React Compiler dans WXT permet d’optimiser automatiquement les composants.

Cela réduit fortement le besoin de useCallback et useMemo écrits à la main, donc le code reste plus simple.

Installation

Commencez par installer le paquet babel-plugin-react-compiler.

Si vous utilisez pnpm :

pnpm add -D babel-plugin-react-compiler

Si vous utilisez Bun :

bun add -D babel-plugin-react-compiler

Modifier le fichier de configuration WXT

Ajoutez la configuration du plugin Babel React Compiler dans wxt.config.ts.

export default defineConfig({
  react: {
    vite: {
      babel: {
        plugins: [["babel-plugin-react-compiler"]],
      }
    }
  }
})

React Compiler sera alors activé et vos composants seront optimisés automatiquement au build.

Résumé

Pour utiliser React Compiler dans WXT, il suffit d’installer babel-plugin-react-compiler puis de l’ajouter à la liste des plugins Babel de la configuration.

Cela allège l’optimisation manuelle et améliore la lisibilité du code.