✨
Padrão
Optimistic UI
Atualiza UI imediatamente como se a operação tivesse sucesso. Reverte se falhar.
Definição
Optimistic UI assume que operações server-side terão sucesso e atualiza a UI imediatamente. Se a operação falhar, reverte. Resulta em UX instantânea — usuário não espera o servidor para ver feedback.
🔴 Problema
UX 'lenta' onde toda ação espera o server (ex: dar like → spinner → atualiza). Em redes ruins, isso é catastrófico.
✅ Solução
Atualizar state local IMEDIATAMENTE com o resultado esperado. Em paralelo, enviar ao servidor. Se falhar, reverter o state e mostrar erro.
💡 Dica Senior
Use useOptimistic (React 19) ou onMutate/onError do TanStack Query. Combine com Server Actions para um fluxo end-to-end limpo.
Perguntas de Entrevista
🔗 Termos do dicionário
43/48