⚛️
Fundamentos
Virtual DOM & Reconciliação
Representação em memória do DOM real. React compara versões e aplica apenas as mudanças necessárias.
Definição
Virtual DOM é uma representação em JavaScript da árvore do DOM real. Quando o estado muda, React cria uma nova versão do Virtual DOM e compara (diffing) com a anterior. Apenas as diferenças são aplicadas no DOM real, otimizando performance.
🔴 Problema
Manipular o DOM diretamente é lento (cada operação dispara reflow/repaint). Atualizar grandes UIs sem otimização trava o browser.
✅ Solução
React mantém Virtual DOM em memória, calcula diff entre versões, e aplica apenas as mudanças mínimas no DOM real (batched).
💡 Dica Senior
Virtual DOM não é mágico — é uma camada de otimização. Em alguns casos (animações, canvas), manipulação direta com refs é mais rápida.
Perguntas de Entrevista
🔗 Termos do dicionário
20/48