Novedades de React 19: Guía Completa

Introducción a React 19

El episodio realiza un repaso exhaustivo de React 19, la primera versión mayor después de dos años (desde marzo de 2022). Se enfatiza que el nuevo compilador no forma parte de esta versión, sino que es una herramienta independiente y opcional.

Conceptos Clave y Novedades

Actions

• Son funciones asíncronas diseñadas para facilitar las mutaciones de datos (inserción, modificación, eliminación).
• Simplifican el manejo de estados evitando el exceso de código repetitivo (boilerplate).

Nuevos Hooks y APIs

• useOptimistic: Permite realizar actualizaciones a la interfaz de usuario de forma inmediata mientras la operación asíncrona ocurre en segundo plano (ideal para likes o mensajería).
• useActionState: Simplifica la gestión de estados en acciones de formularios.
• useFormStatus: Permite acceder al estado de carga del formulario padre sin necesidad de prop drilling.
• API use: Una nueva API (no un hook, no sigue sus reglas) capaz de leer promesas o contextos, permitiendo su uso incluso en bloques condicionales.

Gestión de Metadatos y CSS

• Ahora es posible gestionar <title>, <meta> y estilos <link> directamente desde los componentes, lo que permite un lazy loading declarativo de CSS.

Cambios y Eliminaciones

• Se ha eliminado la dependencia de forwardRef; ahora ref se pasa como una prop normal.
• Las propTypes han sido desaconsejadas (se recomienda TypeScript).
• Las defaultProps ya no funcionan en componentes funcionales.