Date de sortie : 28 mars 2025
Annonce officielle : React 19.1.0 release
Trois mois après la 19.0, React 19.1 consolide la version majeure avec un nouvel outil de débogage, des améliorations sur Suspense et quelques corrections d’ergonomie côté Server Components.
Les nouveautés principales
Owner Stack
Un outil de débogage dev-only qui identifie quels composants rendent directement un composant donné, distinct des Component Stacks traditionnels. Utile pour retrouver l’origine d’un rendu dans une arborescence complexe.
Améliorations Suspense
Meilleur support des boundaries Suspense côté client, serveur et hydratation. Moins de re-rendus inutiles côté client, meilleur scheduling, et correction des fallback gelés ainsi que de la pression sur le garbage collector.
Nouveau format pour useId
Le hook useId utilise désormais des sélecteurs CSS valides :
// Avant (19.0) : format non utilisable en sélecteur CSS const id = useId(); // ":r123:" // Après (19.1) : format utilisable const id = useId(); // "«r123»"
Cela permet d’utiliser la valeur retournée directement dans document.querySelector sans échappement.
unstable_prerender
Nouvelle API expérimentale pour prérender des React Server Components côté serveur. Marquée unstable_ pour signaler que la signature peut évoluer.
Autres améliorations
- Warnings dev-only pour les retours null ou undefined dans les effets
- Meilleur support React DOM pour les événements dialog et l’imbrication script/template
- Streaming sur environnements edge pour Server Components
- Gestion personnalisée des erreurs côté Server Components
- Nouveau paquet react-server-dom-parcel pour l’intégration avec Parcel
Échanger avec un expert React
Nous revenons vers vous sous 24h.
Chez Makersquad, nous accompagnons nos clients dans la conception et l’évolution d’applications modernes avec React. Que vous souhaitiez lancer une nouvelle interface, faire évoluer une application existante ou préparer une migration vers les dernières versions, notre équipe vous aide à construire des front-ends robustes, performants et évolutifs.
À retenir
Une release de consolidation, sans rupture. Si vous êtes déja sur 19.0, la mise à jour est recommandée pour bénéficier d’Owner Stack en développement et du nouveau format de useId. Vérifiez juste que votre code ne dépend pas de l’ancien format :rXXX: si vous l’utilisez dans des sélecteurs.