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...
React - Tree (Virtual DOM) - Component 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) React element...
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 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