Fast Refresh
Testing 🟢 JuniorDé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.