Las novedades mas potentes de React 19
React 19 ha transformado la forma en que manejamos mutaciones, formularios y renderizado asincrono. Con la llegada de los Server Actions nativos y nuevos hooks como useActionState y useOptimistic, ya no necesitamos librerias externas complejas para manejar envios de formularios y estados de carga.
js
// Ejemplo de Server Action con useActionState en React 19
'use client';
import { useActionState } from 'react';
async function updateProfile(prevState: any, formData: FormData) {
const username = formData.get('username') as string;
// Simulacion de guardado en el servidor
return { message: `Perfil actualizado para ${username}`, success: true };
}
export function ProfileForm() {
const [state, formAction, isPending] = useActionState(updateProfile, null);
return (
<form action={formAction} className="space-y-4">
<input name="username" placeholder="Tu nombre" required />
<button type="submit" disabled={isPending}>
{isPending ? 'Guardando...' : 'Actualizar'}
</button>
{state?.message && <p>{state.message}</p>}
</form>
);
}
.jpg "Construyendo tu Sitio Web desde Cero con Next.js. Un Viaje de Desarrollo Impulsado por React")
