HMR (Hot Module Replacement)

Définition

Technologie qui remplace les modules modifies dans le navigateur sans recharger la page, préservant l'état de l'application. Accélère considérablement le cycle de développement.

Analogie

Comme changer une roue sur une voiture en mouvement : vous remplacez la pièce sans arrêter le moteur ni perdre votre position.

Exemple de code

// Vite: HMR natif, rien a configurer
// Modifiez un fichier -> mise a jour instantanee

// React Fast Refresh preserve l'etat
// des hooks et composants
// Webpack: necessite config + plugin HMR
// Vite: marche out-of-the-box

Cas d'usage

Pendant le développement pour voir instantanément les changements sans perdre l'état de l'app (formulaires, navigation).

Anti-pattern

Termes liés