State Management UX

Optimistic UI aplica el resultado de una acción inmediatamente en el UI antes de confirmar con el servidor. Solo es adecuado para acciones de alta probabilidad de éxito y bajo costo de rollback: likes, favoritos, drag-to-reorder, archivado. No aplicar en pagos, envíos o eliminaciones permanentes.

Cuando un optimistic update falla y debe revertirse, hacerlo suavemente: animar el retorno al estado anterior con una transición de 300ms y mostrar un toast no intrusivo explicando por qué. No hacer parpadear el elemento ni mostrar un error modal. El usuario debe notar el cambio pero no sentir que algo se rompió.

Cuando dos usuarios editan el mismo registro simultáneamente, mostrar ambas versiones en conflicto con diferencias destacadas, no elegir una automáticamente. El usuario que editó primero y el que editó después deben ver qué cambió en cada versión y decidir cuál conservar o cómo fusionar.

Cuando los datos mostrados no son frescos (cache, offline, error de revalidación), indicarlo discretamente con un timestamp de última actualización y un botón de refresh. No ocultar que los datos son stale, el usuario podría tomar decisiones basadas en información desactualizada sin saberlo.