React JS

Virtual DOM

Virtual DOM

The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the structure of a document as a tree of objects, with each objects representing a part of the document (such as an element or an attribute). The DOM allows programs to access and modify the content and structure of a document. 
The Virtual DOM is a concept that was introduced with React, and it is a lightweight in-memory representation of the actual DOM. When a React application is rendered, the virtual DOM creates a virtual representation of the DOM tree, which is then used to determine the minimal number of changes that need to be made to the actual DOM in order to update the user interface. 

This process of updating the DOM through the virtual DOM is known as "reconciliation." When the virtual DOM determines that a change needs to be made to the actual DOM, it creates a new virtual tree that represents the updated state of the user interface, and then it compares the new tree to the previous tree to determine the minimal set of changes that need to be made. When the state of a React component changes, the virtual DOM is updated instead of the actual DOM. This allows React to determine the minimal set of changes that need to be made to the DOM, which can greatly improve the performance of applications with large amounts of data that rely on frequent updates. 
Overall, the virtual DOM is an important concept in React, as it helps to make it easier to build and maintain efficient and performant user interfaces.
 

Top course recommendations for you

    JQuery Tutorial
    1 hrs
    Beginner
    12.5K+ Learners
    4.42  (777)
    What is IoT?
    1 hrs
    Beginner
    34.9K+ Learners
    4.47  (3521)
    Mongodb Tutorial
    2 hrs
    Beginner
    26K+ Learners
    4.53  (2528)
    Android App with Python
    2 hrs
    Beginner
    34.2K+ Learners
    4.41  (954)
    JavaScript Projects
    2 hrs
    Intermediate
    43.6K+ Learners
    4.48  (2112)
    HTML Attributes and Tags
    2 hrs
    Beginner
    53.2K+ Learners
    4.52  (3292)
    HTML Tutorial
    6 hrs
    Intermediate
    69.8K+ Learners
    4.55  (4324)
    CSS Properties
    2 hrs
    Beginner
    25.9K+ Learners
    4.46  (1396)
    CSS Tutorial
    2 hrs
    Intermediate
    44.8K+ Learners
    4.51  (2892)