В чём разница между Virtual DOM и Shadow DOM?

Это совершенно разные технологии, которые часто путают из-за слова «DOM». Virtual DOM — программная концепция из React: лёгкое JS-представление UI в виде дерева объектов, которое позволяет вычислять минимальный набор изменений перед обновлением реального DOM. Shadow DOM — нативный браузерный API из Web Components, который создаёт инкапсулированное поддерево DOM с изолированными стилями и разметкой. Virtual DOM про производительность обновлений, Shadow DOM про инкапсуляцию стилей.