Progressive Enhancement

Définition

Principe ou l'application fonctionne sans JavaScript (formulaires HTML natifs, liens) puis s'améliore progressivement avec JS pour une meilleure UX.

Analogie

Comme un escalier avec un escalator a cote : ca marche a pied (sans JS), mais c'est mieux avec le moteur (JS).

Exemple de code

// Le formulaire fonctionne meme sans JS
<form action={serverAction} method="POST">
  <input name="email" required />
  <SubmitButton /> {/* desactive pendant l'envoi si JS actif */}
</form>

Cas d'usage

Applications critiques (e-commerce, admin) qui doivent rester fonctionnelles même si le JS échoué.

Termes liés