Real DOM, Virtual DOM, Shadow DOM, What's the Difference?

Real DOMs and virtual DOMs and shadow DOMs, oh my! Let's take a dive to see how they all work together to create a clean, performant Document Object Model. The DOM (Document Object Model) is exactly as it states. The HTML tree of a website is represe...