Explica o Virtual DOM no React.

O DOM virtual é uma abstração do DOM real que o React usa para otimizar as atualizações de interface. Em vez de modificar diretamente o DOM do navegador, o React primeiro atualiza a representação virtual da árvore de elementos na memória, compara-a com a versão anterior (processo chamado "reconciliation") e calcula o conjunto mínimo de alterações necessárias para atualizar o DOM real. Isso aumenta o desempenho e reduz o número de operações dispendiosas com o DOM.

Exemplo:

const element = <div>Hello, world!</div>;
// O React cria uma árvore virtual de elementos
// Quando o estado muda, o React atualiza o DOM virtual,
// compara com o anterior e aplica as mudanças mínimas ao DOM real.