¿Cómo funciona Suspense para la carga de datos y cómo lo estás usando en React 19?

Un componente se suspende cuando lee una promesa que aún no se ha resuelto. React sube hasta el límite de Suspense más cercano, muestra su fallback hasta que la promesa se resuelve y luego renderiza el contenido real. En React 19 lees una promesa con el hook use, normalmente creada en un Server Component o en una caché y pasada hacia abajo. Suspense coordina los estados de carga; no trae datos por sí mismo.

Suspense es una primitiva de coordinación, no una capa de datos. Cuando un componente lee una promesa que no se ha resuelto, se suspende, React busca el límite más cercano por encima, renderiza ese fallback y reintenta el subárbol cuando la promesa se resuelve. En React 19 la forma de leerla es el hook use, y la regla importante es que la promesa no puede crearse durante el render del componente que llama a use, porque si no creas una promesa nueva en cada intento y nunca se resuelve. Así que en la práctica la promesa arranca en un Server Component o sale de una caché y se pasa hacia abajo. En el lado del servidor eso encaja con el streaming: la cáscara sale de inmediato y las secciones más lentas van llegando conforme aterrizan sus datos. Para colocar los límites intento envolver la cosa más pequeña para la que un usuario aceptaría ver un esqueleto, de modo que un panel lento de recomendaciones no retenga los detalles del producto. La trampa son los await secuenciales creando una cascada, así que lanzo juntas las peticiones independientes antes de esperarlas.