Hook · Concurrencia
useTransition
Updates con prioridad baja
useTransition marca un update como 'no urgente'. React lo procesa sin bloquear la entrada del usuario y te entrega un flag isPending para mostrar feedback intermedio.
Urgente vs transición
Tipear en un input es urgente: el carácter debe aparecer al instante. Recalcular una lista filtrada de 10.000 items es transición: puede esperar un par de frames sin que se sienta.
El patrón
const [isPending, startTransition] = useTransition(). Envuelve solo el setState lento dentro de startTransition(() => ...). Lo demás permanece urgente.
Tropiezos comunes
- 01No envuelvas setState de inputs controlados — los inputs DEBEN actualizarse urgentemente.
- 02isPending refleja la transición pendiente, no toda la latencia. No lo uses como spinner global.
- 03Si tu trabajo no es lento, useTransition no aporta nada — es una herramienta de presupuesto de frames.
¿Fue útil?
Inicia sesión para dar feedback