Hook · Concurrencia
useDeferredValue
Una versión rezagada
useDeferredValue toma un valor y devuelve una copia 'lenta' que React actualiza con baja prioridad. Útil cuando no controlas el setState — solo el valor que llega como prop.
Cuándo usarlo
Cuando recibes un valor que cambia rápido y lo pasas a un componente caro. El input se mantiene fluido porque el componente caro re-renderiza con el valor diferido, no con el actual.
Vs useTransition
useTransition controla el setState; useDeferredValue controla un valor recibido. A menudo intercambiables — elige según dónde tengas el control.
Tropiezos comunes
- 01El valor diferido sigue siendo el VIEJO durante la transición — útil para mostrar 'desactualizado'.
- 02No reemplaza al debounce: deferred se actualiza tan pronto como React tiene tiempo, no en una ventana fija.
- 03El componente que consume el deferred debería ser memoizado o caro — si no, no hay beneficio.
¿Fue útil?
Inicia sesión para dar feedback