Before exploring the significance of Virtual DOM we need to get an idea on the concept of DOM and the limitations in traditional DOM manipulation.
What is DOM?
The DOM is a W3C (World Wide Web Consortium) standard
The DOM defines a standard for accessing documents: “The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document.”
What is HTML DOM?
The HTML DOM is a standard object model and programming interface for HTML.
- The HTML elements as objects
- The properties of all HTML elements
- The methods to access all HTML elements
- The events for all HTML elements
In other words:
HTML DOM Model
To overcome the limitations in traditional DOM the concept of the Virtual Dom came into existence.
What is Virtual DOM?
The virtual DOM is a programming concept where a virtual representation of a User Interface is kept in memory and synced with the Real DOM. In React context, the Virtual DOM is React’s