Sortie de la version bêta de React 19 !

Jetez un œil à ce que nous savons sur React 19 Beta !

Nouvelles excitantes: React 19 bêta est maintenant disponible! Nous savons que cela se profile à l’horizon depuis un certain temps maintenant, c’est donc passionnant de enfin mettre la main dessus. Voici ce que nous savons :

Quoi de neuf

Actions

React 19 ajoutera la prise en charge de l’utilisation de fonctions asynchrones pendant les transitions, appelées Actions. Comme indiqué sur le blog officiel, Actions gérera automatiquement la soumission des données pour nous, ce qui rendra des choses comme la mise à jour optimiste et la gestion des erreurs un problème. parcelle Plus facile.

Pour prendre en charge les nouvelles actions, nous recevons également quelques nouveaux hooks. useOptimistic nous permettra de montrer aux utilisateurs des commentaires instantanés pendant la soumission des demandes. useActionState est destiné à gérer les cas courants pour les actions. Et pour les formulaires, nous obtiendrons useFormStatusqui est destiné à prendre en charge ces mêmes cas courants d’actions, mais dans le contexte d’un <form>.

utiliserOptimiste

L’un des problèmes courants dans le développement d’applications Web est ce sentiment de lenteur pour l’utilisateur lorsqu’il attend que les requêtes soient terminées et que les choses se chargent. useOptimistic est destiné à aider à lutter contre cela, en nous permettant d’ajouter facilement du contenu « optimiste » pendant que nous attendons la fin d’une requête asynchrone. Ensuite, une fois que nous aurons les données réelles, nous pourrons remplacer tout contenu optimiste qui ne sera plus exact.

utiliserActionState

useActionState acceptera une fonction et renverra une action encapsulée à appeler. Lorsque cette action enveloppée est appelée, useActionState définira l’état en attente de l’action comme pending et renvoie le dernier résultat de l’action comme data.

Ceux d’entre vous qui expérimentaient déjà la version Canary la connaissent peut-être déjà. useActionState– même si à l’époque ça s’appelait useFormState. useFormState est désormais officiellement obsolète.

utiliserFormStatus

A ne pas confondre avec le désormais obsolète useFormStateReact 19 ajoute un nouveau hook : useFormStatus. Dans React 19, formAction accessoires pour <form>, <input> et <button> les éléments peuvent soumettre automatiquement des formulaires avec des actions. useFormStatus nous donne des informations sur l’état actuel de la dernière soumission du formulaire. Cela inclut s’il est actuellement en attente de soumission, quelles données le formulaire soumet et si le formulaire est soumis avec une méthode HTTP GET ou POST.

utiliser l’API

React 19 inclut une nouvelle API, use, qui nous permet de lire la valeur d’une ressource, comme une promesse ou un contexte. La fonction qui appelle use doit être un composant ou un hook, et il peut être appelé dans des boucles ou des instructions conditionnelles. Cela le rend plus facile à utiliser que le précédent useContext crochet, car il peut être appelé à plusieurs endroits. Cela aidera également à prendre en charge l’utilisation des composants serveur, car les données sont souvent déplacées via une promesse d’un composant serveur vers un composant client. Le use L’API peut lire la valeur de la promesse qui est transmise au composant client en tant qu’accessoire.

Composants du serveur React

En parlant de Composants du serveur React– nous aurions tort de ne pas souligner qu’ils sont officiellement pris en charge dans React 19. Même s’ils ne le sont peut-être pas sentir nouveau, puisque nous y avons techniquement accès depuis un certain temps (grâce à Next.js exploitant la version Canary de React), il est à noter qu’ils sont désormais sortis de la phase expérimentale. Cela signifie également que nous sommes plus susceptibles de voir d’autres frameworks ajouter une prise en charge complète des RSC et, par extension, une adoption plus large dans la communauté React. Peut-être plus important encore, cela signifie que nous avons enfin documentation officielle pour les RSC.

Mise à niveau

En plus de la version bêta de React 19, nous avons également reçu une nouvelle version principale : Réagissez 18.3.

Étant donné que React 19 introduira des modifications majeures, React 18.3 est destiné à faciliter le processus de mise à niveau en ajoutant un avertissement concernant les dépréciations et autres modifications. Mis à part ces nouveaux avertissements, la version 18.3 a une fonction identique à la version 18.2. React 18.3 n’entraînera aucun changement radical : il est simplement destiné à aider à combler l’écart entre 18 et 19.

Si vous envisagez de passer à React 19 dès que possible, il est fortement recommandé de profiter de ce temps (alors que 19 est encore en version bêta) pour passer à 18.3 et effectuer les ajustements nécessaires. Ce faisant, vous pouvez être préparé et prêt à passer à React 19 le jour de la sortie, si vous le souhaitez. Le progrès KendoRéagir L’équipe adoptera cette approche, ce qui nous permet d’avoir un support dès le premier jour pour la nouvelle version (comme toujours).

Quand est la sortie officielle de React 19 ?

Tout cela nous amène à la prochaine question naturelle : quand pouvons-nous nous attendre à la sortie officielle de React 19 ? La réponse est malheureusement : nous n’en sommes toujours pas sûrs. Pendant la version bêta, l’équipe React travaillera en étroite collaboration avec les principales bibliothèques pour entendre les commentaires et apporter les ajustements nécessaires. Ils n’ont proposé aucune indication quant au calendrier de ce processus, donc (comme toujours) nous devrons simplement attendre et voir.

Il y a des spéculations selon lesquelles nous recevrons une annonce pour React 19 à RéagirConfla conférence officielle organisée par l’équipe React qui aura lieu dans quelques semaines seulement, le 15 mai. Même si ce serait une excellente opportunité, cela signifierait également un significativement version bêta plus courte que celle que nous voyons généralement dans React. Par exemple, la version bêta de React 18 a été partagée pour la première fois le 15 novembre 2021, mais nous n’avons vu la version officielle de React 18 que le 29 mars 2022, soit 134 jours entre la version bêta et officielle. La réaction 18 était un beaucoup un changement plus important pour l’écosystème, ce n’est donc peut-être pas le meilleur moyen de prédire le comportement futur… cependant, je pense qu’il est prudent de dire qu’un intervalle de 20 jours entre la version bêta et officielle de React 19 serait une tournure étonnamment courte des événements.

Mais une seule façon de le savoir : il faudra rester connecté ! En attendant, passez à React 18.3 et profitez du temps pour faire quelques tests et préparez-vous pour la grande mise à jour.

Si vous vous sentez particulièrement impatient, vous pouvez toujours essayer la version bêta de React 19 dès aujourd’hui, y compris le très attendu Composants du serveur React. Allez-vous effectuer une mise à niveau le premier jour ? Quelles sont les nouvelles fonctionnalités qui vous enthousiasment le plus ? Laissez un commentaire et faites-le nous savoir !