Progressive enhancement

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.

Josh W. Comeau passe en revue dix propositions envisagées pour Interop 2027 : fonctions CSS, formes de bordure personnalisées, requêtes liées aux ancres et au défilement, ordre de lecture, animations de dimensions intrinsèques ou décorations de grille. Plusieurs répondent à des problèmes concrets, comme synchroniser la navigation au clavier avec une mise en page responsive via reading-flow, ou dessiner les séparateurs de grille sans cellules DOM vides.

Ces propositions n’ont pas toutes le même degré de maturité. En octobre 2026, plusieurs sont disponibles dans Chromium, mais pas encore dans Firefox ni Safari ; inherit() n’est implémenté dans aucun navigateur. L’article montre où l’amélioration progressive est envisageable, avec des garde-fous comme @supports pour les transitions de

La fonction CSS random() ajoute des variations visuelles directement dans le navigateur, sans JavaScript ni boucles Sass. Brecht De Ruyte l’illustre avec des lettres légèrement inclinées, des cartes animées au scroll et des ombres adaptées à leur rotation. Pour garder une géométrie cohérente, une clé de cache peut synchroniser plusieurs propriétés, tandis que sibling-index() calcule la structure d’un éventail de cartes.

Ces effets conviennent surtout aux éléments décoratifs : l’article déconseille de randomiser les grilles, les textes courants ou les cibles interactives. Le déploiement navigateur étant en cours, il recommande une base stable avec @supports, ainsi que le respect de prefers-reduced-motion et des besoins des lecteurs d’écran.