O que o Virtual DOM resolve de verdade
Pergunta
O que é o Virtual DOM no React e que problema ele resolve exatamente?
Resposta esperada
O Virtual DOM é uma representação em memória, leve, da árvore de elementos da UI. Quando o estado muda, o React constrói uma nova árvore virtual, compara (diffing/reconciliação) com a anterior, e aplica no DOM real apenas as mudanças mínimas necessárias. O problema que resolve não é 'o DOM é lento' isoladamente — é evitar que o desenvolvedor precise calcular manualmente quais partes da UI mudaram a cada atualização de estado, dando um modelo declarativo ('descreva o resultado final') em vez de imperativo ('descreva os passos para chegar lá').
Por que perguntam isso
Resposta madura evita a simplificação 'DOM real é lento, virtual é rápido' — o ganho real é ergonomia de desenvolvimento com atualizações eficientes, não uma mágica de performance bruta.