React & Vue Virtual DOM vs Shadow DOM – Summary

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 keepin…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Lorenzo Zarantonello

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?

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


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Lorenzo Zarantonello


Print Share Comment Cite Upload Translate Updates
APA

Lorenzo Zarantonello | Sciencx (2022-09-11T16:48:21+00:00) React & Vue Virtual DOM vs Shadow DOM – Summary. Retrieved from https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/

MLA
" » React & Vue Virtual DOM vs Shadow DOM – Summary." Lorenzo Zarantonello | Sciencx - Sunday September 11, 2022, https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/
HARVARD
Lorenzo Zarantonello | Sciencx Sunday September 11, 2022 » React & Vue Virtual DOM vs Shadow DOM – Summary., viewed ,<https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/>
VANCOUVER
Lorenzo Zarantonello | Sciencx - » React & Vue Virtual DOM vs Shadow DOM – Summary. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/
CHICAGO
" » React & Vue Virtual DOM vs Shadow DOM – Summary." Lorenzo Zarantonello | Sciencx - Accessed . https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/
IEEE
" » React & Vue Virtual DOM vs Shadow DOM – Summary." Lorenzo Zarantonello | Sciencx [Online]. Available: https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/. [Accessed: ]
rf:citation
» React & Vue Virtual DOM vs Shadow DOM – Summary | Lorenzo Zarantonello | Sciencx | https://www.scien.cx/2022/09/11/react-vue-virtual-dom-vs-shadow-dom-summary/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts