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] Since generating a virtual DOM is relatively fast, any given framework is free to rerender the virtual DOM as many times as needed relatively cheaply. The framework can then find the differences between the previous virtual DOM and the current one (diffing), and only makes the necessary changes to the actual DOM (reconciliation).[2][3] While technically slower than using just vanilla JavaScript, the pattern makes it much easier to write websites with a lot of dynamic content, since markup is directly coupled with state.
Similar techniques include Ember.js' Glimmer and Angular's incremental DOM.[4][5]
- ^ "Beginning Elm". Elm Programming. Retrieved 2020-12-11.
- ^ "Virtual DOM and Internals – React". reactjs.org. Retrieved 2020-12-11.
- ^ "React: The Virtual DOM". Codecademy. Retrieved 2020-12-11.
- ^ google/incremental-dom, 2020-12-08, retrieved 2020-12-11
- ^ "React Virtual DOM vs Incremental DOM vs Ember's Glimmer: Fight". Auth0 - Blog. Retrieved 2020-12-11.
© MMXXIII Rich X Search. We shall prevail. All rights reserved. Rich X Search