Fast Refresh

Testing 🟢 Junior

Définition

Implémentation de HMR spécifique a React par Meta. Préserve l'état des hooks (useState, useRef) lors des modifications de composants, même en cas d'erreur de syntaxe.

Analogie

Comme un peintre qui retouche un tableau en direct : les couleurs changent instantanément sans avoir a reposer le cadre.

Exemple de code

// Fast Refresh est actif automatiquement
// dans Next.js, Vite + React, CRA

// Regles pour que ca marche:
// 1. Un composant par fichier
// 2. Exports nommes (pas default + named)
// 3. Les fichiers non-React causent un
//    rechargement complet (full reload)

Cas d'usage

Actif par défaut dans les projets React modernes pour un feedback instantané lors du développement.

Anti-pattern

Mixer des exports de composants et de fonctions utilitaires dans un même fichier, cassant Fast Refresh.

Termes liés

#dx#react#frontend

← → au clavier pour passer d'une fiche à l'autre