cid 3b7d112814a15e494a3a0cdb83f39237998f0698102a4b89351e73157169f1c8 · original · open access · via wikipedia
Title: Virtual DOM Authors: Venue: Wikipedia Year: unknown Canonical: wiki:virtual-dom URL: https://en.wikipedia.org/wiki/Virtual_DOM Collector: wikipedia OA: true ABSTRACT 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. 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). 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.