What is a Virtual DOM?


Front-end framework may implement above the browser dom, their own dom knwon as a virtual DOM

This framework manipulates the DOM with the help of a virtual DOM tree.


  • update/refresh only the diff to the original DOM
  • implements their element structure (for editor)


  • React - entirely in a tree in memory
  • Preact

Discover More

is a virtual dom technology that permits to create HTML page or components based on the concepts that: If the data (state) changes, the UI should change too. Learn once, write anywhere Babel for...
React - Getting Started (The Welcome Element)

React is a virtual dom library that: permits to define the HTML dom programmatically will update HTML dom incrementally There is basically two big steps when you work with React (or any virtual...
What is a Client Side Router? (React, )

Within any virtual DOM application such as React, if you want to route the HTTP request in the browser, you will use a client-side router. What they do basically is that when a router component (generally...
What is the React Virtual DOM? Components Tree/Hierarchy

The React tree is: a tree composed of React node that implements a virtual DOM system known as the React DOM where only the updates are applied to: the real DOM (browser DOM) or for Native...
What kind of Object Models uses the browser?

Browsers use many tree structures known as an object model (or om for short) to model UI: The DOM to represent HTML elements, The CSSOM to represent CSS. The Accessibility...

Share this page:
Follow us:
Task Runner