Expliquez-moi les Actions dans React 19 et la place de useActionState là-dedans.

Une Action est une fonction asynchrone que vous confiez à React, en général via la prop action d'un formulaire ou via startTransition. React gère l'état pending, les erreurs et l'ordonnancement à votre place, au lieu de vous faire câbler des booléens. useActionState prend une action et un état initial, et renvoie l'état courant, une action enveloppée à passer au formulaire, et un indicateur isPending. useFormStatus lit l'état pending depuis un composant imbriqué, et useOptimistic rend le résultat attendu immédiatement.

Avant les Actions, chaque mutation voulait dire les mêmes quatre morceaux d'état : chargement, erreur, résultat, et quelque chose pour empêcher les doubles soumissions. Les Actions replient tout ça dans React. J'écris une fonction asynchrone qui fait le travail, je la donne à useActionState avec un état initial, et je récupère l'état courant, une action à mettre sur la prop action du formulaire, et isPending. React l'exécute dans une transition, donc l'indicateur pending et l'ordonnancement viennent gratuitement, et si deux soumissions se courent après, c'est le résultat le plus récent qui gagne plutôt que l'appel réseau qui répond en dernier. Pour un bouton de soumission enfoui dans le formulaire, j'utilise useFormStatus pour qu'il lise le pending sans faire descendre des props. Et pour quelque chose comme une zone de commentaires, j'ajoute useOptimistic pour afficher le commentaire tout de suite, et si l'action échoue, React ramène l'état optimiste vers l'état réel tout seul. Le gain concret, c'est qu'un composant de formulaire passe d'environ soixante-dix lignes à vingt, et que les cas limites ne sont plus à moi de les retenir.