A virtual (Virtual) DOM is a lightweight JavaScript object that represents the real DOM in memory. It occurs between calling the render function and displaying the element on the screen.
It is similar to a node tree in that it lists elements, their properties, and content as objects and their properties.
The render function constructs the React component's node tree and then updates it in response to data model mutations caused by various user or system actions.
