<p>It is a bit like the differences between Java and JavaScript!</p>
<h2 id="heading-virtual-dom">Virtual DOM</h2>
<ul>
<li>a copy of the entire real DOM and is implemented on top of browser APIs.</li>
<li>used by libraries like React and Vue to address the problem of changing the DOM while keeping optimal performances.</li>
<li>plain JavaScript apps don’t use the virtual DOM.</li>
</ul>
<h2 id="heading-shadow-dom">Shadow DOM</h2>
<ul>
<li>inherent in web components and browser APIs.</li>
<li>a piece of DOM that is “fenced” in its own web component.</li>
<li>might be used while using libraries like React and Vue, or frameworks like Angular.</li>
</ul>
<h2 id="heading-more-info">More Info</h2>
<p>This is a super short summary of a longer article that I published on Medium. 
You can find the article at <a target="_blank" href="https://javascript.plainenglish.io/react-virtual-dom-vs-shadow-dom-whats-the-difference-b51a480d2c70">React Virtual DOM vs Shadow DOM: What’s the Difference?</a></p>
<p>I am experimenting with this straight-to-the-point summary. 
Let me know what you think!</p>


It is a bit like the differences between Java and JavaScript!

## Virtual DOM

- a copy of the entire real DOM and is implemented on top of browser APIs.
- used by libraries like React and Vue to address the problem of changing the DOM while keeping optimal performances.
- plain JavaScript apps don’t use the virtual DOM.

## Shadow DOM

- inherent in web components and browser APIs.
- a piece of DOM that is “fenced” in its own web component.
- might be used while using libraries like React and Vue, or frameworks like Angular.

## More Info

This is a super short summary of a longer article that I published on Medium. 
You can find the article at [React Virtual DOM vs Shadow DOM: What’s the Difference?](https://javascript.plainenglish.io/react-virtual-dom-vs-shadow-dom-whats-the-difference-b51a480d2c70)

I am experimenting with this straight-to-the-point summary. 
Let me know what you think!

Read about the differences between React Virtual DOM and Web Components Shadow DOM

React Virtual DOM vs Shadow DOM - Summary

React and Vue.js use virtual DOM to optimize performance. What is the shadow DOM then?

Virtual DOM

Shadow DOM

More Info