🌊
React 18
useDeferredValue (Tearing)
Mantém uma versão 'atrasada' do valor enquanto o React processa em background, evitando tearing.
Definição
useDeferredValue é um hook que retorna uma versão 'defasada' de um valor. O React mantém o valor anterior estável enquanto processa o novo em prioridade baixa, evitando tearing (estados visuais inconsistentes).
🔴 Problema
Tearing: partes da UI mostram valores diferentes durante renders pesados — estado visual inconsistente.
✅ Solução
useDeferredValue mantém o valor anterior estável enquanto o novo processa — sem estado partido.
💡 Dica Senior
useDeferredValue = para valores que alimentam renders pesados (filtros, listas, gráficos).
Perguntas de Entrevista
🔗 Termos do dicionário
4/48