React v19 : Nouvelles fonctionnalités et améliorations

React v19 est maintenant disponible sur npm ! Cette nouvelle version apporte de nombreuses fonctionnalités et améliorations pour faciliter le développement d’applications React. Voici un aperçu des principales nouveautés.

React 19 introduit le concept d’Actions pour gérer plus facilement les mutations de données et les mises à jour d’état. Les Actions permettent de gérer automatiquement les états en attente, les erreurs, les mises à jour optimistes et les requêtes séquentielles.

Un nouveau hook useActionState est ajouté pour simplifier les cas d’utilisation courants des Actions. Il permet de gérer facilement l’état d’erreur, l’action de soumission et l’état en attente.

React 19 intègre les Actions avec les nouveaux éléments <form> de react-dom. Vous pouvez maintenant passer des fonctions aux props action et formAction des éléments <form>, <input> et <button> pour soumettre automatiquement les formulaires avec des Actions.

Un nouveau hook useFormStatus est introduit pour accéder facilement aux informations sur l’état du formulaire parent, sans avoir à passer des props en cascade.

React 19 ajoute un nouveau hook useOptimistic pour faciliter les mises à jour optimistes de l’interface utilisateur pendant les requêtes asynchrones.

L’API use est introduite pour lire des ressources dans le rendu. Elle permet de lire des promesses et des contextes de manière conditionnelle.

Deux nouvelles APIs sont ajoutées à react-dom/static pour la génération de sites statiques : prerender et prerenderToNodeStream.

React 19 inclut toutes les fonctionnalités des React Server Components du canal Canary, permettant aux bibliothèques de cibler React 19 comme dépendance avec une condition d’exportation react-server.