React 19 en 5 minutos: las novedades que sí importan

React 19 dejó de ser novedad hace tiempo para mucha gente, pero si venías del 18 y tu app funcionaba, quizás cambiaste todo con npm install y seguimos viviendo igual. Vale la pena mirar qué cambió de verdad.

Actions: formularios que se manejan solos

El cambio más grande no es visual: es la mentalidad. Los formularios ahora se piensan como acciones async:

function ActualizarPerfil() {
  const [error, submitAction, isPending] = useActionState(
    async (prevState, formData) => {
      const result = await actualizarPerfil(formData)
      return result ?? null
    },
    null,
  )

  return (
    <form action={submitAction}>
      <input name="nombre" type="text" />
      <button disabled={isPending}>Guardar</button>
    </form>
  )
}

Se acabó manualmente manejar useState para loading, error y handlers de submit en cada formulario. El estado del pending viene gratis.

use(): leer promesas y contexto donde quieras

El hook use() rompe la regla de siempre: puede vivir dentro de condicionales.

function Datos({ promesa }) {
  const data = use(promesa) // suspende hasta que resuelve
  return <Perfil datos={data} />
}

También reemplazó a useContext:

const tema = use(ThemeContext)

use suspende el render hasta que la promesa resuelve, así que normalmente lo vas a rodear con Suspense. Cuando lo tengas claro: no hay reglas rígidas de hooks con use. Eso abre una serie de patrones que antes eran imposibles sin wrappers.

La ref como prop y otras comodidades

• ref es una prop normal — se acabó el forwardRef en la mayoría de los casos.
• <input required /> hace su trabajo (delegación nativa de eventos).
• Mejor soporte de hidratación: los errores son acumulables y más claros.
• useOptimistic para interfaces que se actualizan antes de que responda el servidor: perfecto para comentarios y likes.

¿Debería migrar hoy?

Si tu proyecto está en React 18 y funciona: no te lances sin motivo. Pero si empezás algo nuevo en 2026, usá 19 desde el minuto uno. La migración de 18 a 19 es más simple de lo que suena (la guía oficial de React cubre los cambios más comunes), y la API moderna (actions, use, Server Components) es donde vivirá el futuro del framework.