Hook · React 19
useOptimistic
UI optimista sin bloquear
useOptimistic muestra un estado provisional mientras una operación async está en curso. La UI responde al instante; si la operación falla sin actualizar el estado real, React revierte automáticamente.
La firma
const [optimisticState, addOptimistic] = useOptimistic(state, updateFn). state es el real; updateFn describe cómo calcular el estado provisional a partir de él y un valor temporal.
Cuándo usarlo
Acciones que casi siempre tienen éxito: likes, votos, mensajes enviados, arrastrar y soltar. No lo uses cuando el fallo sea frecuente o costoso de deshacer visualmente.
Tropiezos comunes
- 01El estado optimista es temporal — React lo descarta en cuanto el estado real se actualiza.
- 02Si el async falla sin actualizar el estado real, React revierte al original automáticamente.
- 03useOptimistic requiere que la mutación esté dentro de una transition o action async.
¿Fue útil?
Inicia sesión para dar feedback