Componente · Carga
Suspense
Esperar con gracia
Suspense declara un límite: 'mientras los hijos se cargan, muestra este fallback'. Es la pieza que permite que componentes hagan fetch directamente y React sepa qué mostrar mientras tanto.
Quién suspende
Cualquier componente que lea de un recurso aún no resuelto: un lazy() sin descargar, un use(promesa) aún pendiente, o frameworks como Next/Relay que envuelven sus loaders.
Composición
Puedes anidar Suspense en cascada para que distintas regiones de la UI carguen a su propio ritmo, sin bloquear toda la pantalla con un único spinner gigante.
Tropiezos comunes
- 01Crear la promesa dentro del componente sin caché provoca un bucle infinito de suspensión.
- 02Suspense solo captura suspensiones de sus hijos, no errores. Combina con un Error Boundary.
- 03El fallback debe ser barato — si tu fallback también suspende, escalas la suspensión hacia arriba.
¿Fue útil?
Inicia sesión para dar feedback