One of the first issues while using React is figuring out how different components communicate with each other. Whether it’s from parent to child, child to parent, or child to child, there are a plethora of different ways to do it.

The phrases Virtual DOM and Shadow DOM sound fairly similar. And there seems to be a bit of confusion on the differences. But the two are radically different, so hopefully this blog post will help clarify the differences between the two.