Explícame las Actions en React 19 y cómo encaja useActionState.

Una Action es una función async que le entregas a React, normalmente a través de la prop action de un formulario o de startTransition. React gestiona el estado de pendiente, los errores y el orden en lugar de que tú montes flags booleanos. useActionState recibe una action y un estado inicial, y devuelve el estado actual, una action envuelta para pasar al formulario y un flag isPending. useFormStatus lee el estado de pendiente desde un componente anidado, y useOptimistic muestra el resultado esperado de inmediato.

Antes de las Actions, cada mutación significaba las mismas cuatro piezas de estado: cargando, error, el resultado y algo para evitar envíos dobles. Las Actions meten todo eso dentro de React. Escribo una función async que hace el trabajo, se la paso a useActionState con un estado inicial, y recibo de vuelta el estado actual, una action para poner en la prop action del formulario, e isPending. React la ejecuta dentro de una transición, así que el flag de pendiente y el orden vienen gratis, y si dos envíos compiten, gana el resultado del más reciente en lugar de la llamada de red que resulte volver la última. Para un botón de enviar enterrado dentro del formulario uso useFormStatus, así puede leer el estado de pendiente sin ir pasando props. Y para algo como una caja de comentarios añado useOptimistic para mostrar el comentario al momento, y si la action lanza un error, React revierte el estado optimista al estado real por su cuenta. La ganancia práctica es que un componente de formulario baja de unas setenta líneas a veinte y los casos límite dejan de ser cosa mía.