Fast Refresh

Testing 🟢 Junior

Definition

Implementation de HMR specifique a React par Meta. Preserve l'etat des hooks (useState, useRef) lors des modifications de composants, meme en cas d'erreur de syntaxe.

Analogie

Comme un peintre qui retouche un tableau en direct : les couleurs changent instantanement 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 defaut dans les projets React modernes pour un feedback instantane lors du developpement.

Anti-pattern

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

Termes lies

#dx#react#frontend