O que é o Virtual DOM e como difere do DOM normal?

O DOM Virtual é uma representação abstrata do DOM real, utilizado nos frameworks modernos de frontend (por exemplo, React) para otimizar as atualizações da interface.

Ao contrário do DOM normal, que está diretamente ligado à exibição no navegador e cuja atualização pode ser dispendiosa em recursos, o DOM Virtual é uma cópia leve do DOM na memória. Quando o estado da aplicação muda, um novo DOM Virtual é criado, que é comparado com a versão anterior (processo chamado "diffing"). Depois, são calculadas as mudanças mínimas que precisam ser aplicadas ao DOM real.

Isto permite reduzir o número de operações com o DOM real, o que aumenta o desempenho e torna as atualizações da interface mais eficientes.