La version stable de React 19 est maintenant disponible. Elle apporte la prise en charge des fonctions asynchrones, des composants/actions de serveur et la prise en charge d'éléments personnalisés. React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript front-end gratuite et open-source qui vise à rendre la construction d'interfaces utilisateur basées sur des composants plus "transparente". Elle est maintenue par Meta (anciennement Facebook) et une communauté de développeurs individuels et d'entreprises.
En début d'année, la très attendue React 19 a été annoncée, et depuis, les pré-versions de React 19 ont montré plusieurs nouvelles fonctionnalités et améliorations. Mais certaines d’entre elles ont été accueillies avec scepticisme. Par exemple, la suppression d’une fonctionnalité liée à Suspense a entraîné des états de chargement instantanés, ce qui a provoqué un effet cascade lorsque plusieurs composants initiés par des requêtes de données se suspendent simultanément. Après de nombreuses réactions publiques, des discussions animées et probablement beaucoup de discussions en coulisses, l'équipe React a fait marche arrière et a décidé de suspendre ce changement avant l'annonce de la version stable.
Le 05 décembre 2024, l'équipe de Meta a annoncé la sortie de la version stable de React 19, qui introduit plusieurs nouvelles fonctionnalités et améliorations significatives. L'une des principales mises à jour est la prise en charge de l'utilisation de fonctions asynchrones dans les transitions, ce qui simplifie la gestion des états en attente, des erreurs, des formulaires et des mises à jour optimistes. Ceci est complété par l'introduction de useOptimistic et d'un nouveau hook, React.useActionState, pour rationaliser les cas courants pour les Actions.
React 19 intègre également les Actions avec les nouvelles fonctionnalités `` de react-dom, en offrant un hook useFormStatus qui permet de lire le statut du formulaire parent comme s'il s'agissait d'un fournisseur de contexte. Une nouvelle API, use, a été introduite pour faciliter la lecture des ressources pendant le rendu. Pour la génération de sites statiques, react-dom/static inclut désormais les API prerender et prerenderToNodeStream.
Les composants et actions serveur font désormais partie de React 19, ce qui permet le pré-rendu des composants et permet aux composants client d'exécuter des fonctions asynchrones sur le serveur. En outre, les composants de fonction peuvent désormais accéder à ref en tant que prop. Les rapports d'erreur ont été améliorés, en particulier pour les erreurs d'hydratation dans react-dom.
React 19 apporte un support complet pour les éléments personnalisés, en passant tous les tests sur Custom Elements Everywhere. D'autres fonctionnalités incluent l'introduction de `` en tant que fournisseur, le support du retour des fonctions de nettoyage depuis les callbacks ref, le rendu natif des balises de métadonnées des documents, les scripts asynchrones, le préchargement des ressources, et l'amélioration des rapports d'erreur.
Source : Annonce version stable React 19
Et vous ?
Pensez-vous que ces fonctionnalités et améliorations sont crédibles ou pertinentes ? Quel est votre avis sur React 19 ?Voir aussi :
React 18 est disponible avec le traitement par lots activé par défaut, de nouvelles API comme startTransition, et la prise en charge de Suspense État de JavaScript 2022 : React reste le framework front-end dominant mais est en perte de vitesse côté satisfaction. JQuery est la troisième bibliothèque la plus utilisée Meta publie React Compiler, un compilateur open source pour React, afin d'optimiser le code pour la performance. Meta a déjà utilisé le compilateur depuis plus d'un an