prácticaintermedio
Tabs sin bloqueo
Tres tabs, una renderiza 4000 items y bloquea el hilo. Al hacer click la UI se congela y la tab activa no responde hasta que termina. Usa useTransition para mantener los clicks responsivos y mostrar un indicador de carga.
Objetivos
- 1.Envuelve
setActiveTabenstartTransition - 2.Usa
isPendingpara atenuar visualmente la tab que está cargando - 3.Comprueba que las tabs responden al instante aunque la lista tarde en renderizar
tu código
Pista
startTransition marca el setState como no urgente — React puede interrumpirlo si llega una interacción más urgente. isPending es true mientras la transición está en curso.
Conceptos relacionados
¿Fue útil?
Inicia sesión para dar feedback