Aller au contenu principal

React Compiler 1.0 : la mémoïsation automatique arrive en production

Stable depuis octobre 2025 et adopté tout au long de 2026, le React Compiler optimise automatiquement les composants — sans useMemo ni useCallback à la main. Ce que ça change vraiment.

La fin du useMemo à la main ?

Pendant des années, optimiser une app React voulait dire semer des useMemo, useCallback et React.memo — un travail manuel, fastidieux et facile à rater. Le React Compiler, stable en 1.0 depuis le 7 octobre 2025, renverse la logique : il mémoïse automatiquement composants et hooks à la compilation, sans qu'on réécrive quoi que ce soit.

Ce qu'il fait, concrètement

Le compilateur analyse ton code et insère les optimisations à ta place. Il fonctionne sur React et React Native, a été éprouvé sur les applications de Meta et est présenté comme prêt pour la production. Sur le Meta Quest Store, Meta rapporte jusqu'à +12 % sur les chargements initiaux et la navigation, et certaines interactions plus de 2,5× plus rapides.

L'adoption s'est accélérée en 2026

  • Les versions de React ont continué de sortir régulièrement (jusqu'à la 19.2.7 en juin 2026).
  • En avril 2026, eslint-plugin-react-hooks 7.1.0 a ajouté le support d'ESLint v10, ignoré la compilation des fichiers non-React (gain de performance) et amélioré la détection des set-state dans les effets.
  • Côté outillage, l'activation passe par un plugin Babel ; l'équipe React travaille avec oxc et Rolldown pour une intégration plus rapide.

Ce que ça change dans ma façon de travailler

Deux choses. D'abord, moins de bruit : le code métier n'est plus pollué par des optimisations défensives. On écrit du React lisible, le compilateur s'occupe de la mémoïsation. Ensuite, moins de bugs de performance subtils : ces useCallback qu'on oublie, ces tableaux de dépendances mal renseignés qui re-rendent tout un sous-arbre — le compilateur les gère de façon cohérente.

Attention toutefois : ce n'est pas une baguette magique. Un code qui viole les règles de React (mutations, effets de bord au rendu) ne sera pas optimisé — et le compilateur te le signale. C'est même une bonne discipline : il pousse à écrire du React correct.

Le React Compiler ne remplace pas la compréhension du rendu. Il récompense le code propre et sanctionne le code approximatif.

Faut-il l'activer aujourd'hui ?

Pour un nouveau projet React 19 / Next.js, oui : le bénéfice est quasi gratuit. Pour une base existante, on l'active progressivement, en s'appuyant sur le lint pour repérer les composants non conformes. Sur mes projets, la règle est simple : on laisse le compilateur optimiser, et on garde la maîtrise de l'architecture.

Être n°1 ne suffit plus : le SEO à l'ère des AI Overviews