Virtual DOM
From HandWiki
Short description: Lightweight representation of Document Object Model
A virtual DOM is a lightweight JavaScript representation of the Document Object Model (DOM) used in declarative web frameworks such as React, Vue.js, and Elm.[1] Updating the virtual DOM is comparatively faster than updating the actual DOM (via JavaScript)[2].[citation needed] Thus, the framework is free to make necessary changes to the virtual DOM relatively cheaply. The framework then finds the differences between the previous virtual DOM and the current one, and only makes the necessary changes to the actual DOM.[3][4]
Svelte does not have a virtual DOM, and its creator Rich Harris calls the virtual DOM "pure overhead".[5]
Related techniques include Ember.js' Glimmer and Angular's incremental DOM.[6][7]
References
- ↑ "Beginning Elm". http://elmprogramming.com/.
- ↑ "The Virtual DOM". https://www.learnhowtoprogram.com/react/react-fundamentals/the-virtual-dom.
- ↑ "Virtual DOM and Internals – React" (in en). https://reactjs.org/docs/faq-internals.html.
- ↑ "React: The Virtual DOM" (in en). https://www.codecademy.com/articles/react-virtual-dom.
- ↑ Dec 27 2018, Rich Harris Thu (27 December 2018). "Virtual DOM is pure overhead" (in en). https://svelte.dev/blog/virtual-dom-is-pure-overhead.
- ↑ google/incremental-dom, 2020-12-08, https://github.com/google/incremental-dom, retrieved 2020-12-11
- ↑ "React Virtual DOM vs Incremental DOM vs Ember's Glimmer: Fight" (in en). https://auth0.com/blog/face-off-virtual-dom-vs-incremental-dom-vs-glimmer/.
 |  |
