# React : préserver le progressive enhancement des Server Actions

Source canonique : [React : préserver le progressive enhancement des Server Actions](<https://sebastien.rigaux.be/veille/liens/react-preserver-le-progressive-enhancement-des-server-actions>)

React combine `<form action>`, `useActionState` et `useOptimistic` pour gérer les retours d’attente et les mises à jour optimistes tout en conservant un envoi de formulaire avant l’exécution de JavaScript. L’article montre comment cette continuité permet d’enrichir l’interface après hydratation sans abandonner le comportement natif du navigateur.

Le point décisif est de garder l’action serveur directement dans `action` : une fonction cliente intermédiaire casse la soumission sans JavaScript. Pour l’optimisme, `useHydrated()` permet de choisir entre l’action serveur et sa version enrichie côté client.

- Sélectionné le : 2026-11-01

- Publication de la ressource : 2026-10-29

- Mise à jour de la fiche : 2026-11-07T20:32:37+0000

- Format : Article

- Langue de la source : EN

- Repéré via : [React Status](<https://react.statuscode.com/>)

Ressource originale : [React : préserver le progressive enhancement des Server Actions](<https://ebey.dev/blog/3myyseusgd22h>)

Tags : [React](<https://sebastien.rigaux.be/veille/tags/react>) · Server Actions · [Progressive enhancement](<https://sebastien.rigaux.be/veille/tags/progressive-enhancement>) · [Forms](<https://sebastien.rigaux.be/veille/tags/forms>) · [Hydration](<https://sebastien.rigaux.be/veille/tags/hydration>)

Versions disponibles : [Français](<https://sebastien.rigaux.be/veille/liens/react-preserver-le-progressive-enhancement-des-server-actions>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/react-preserve-progressive-enhancement-with-server-actions>)

[Retour à la veille](<https://sebastien.rigaux.be/veille>)