Virtual DOM (VDOM) is an in-memory representation of the Real DOM . The UI representation is kept in memory and synced with the "real" DOM. This is the step between the render function being called and the elements being displayed on screen. This whole process is called reconciliation .
Advantages of the React virtual DOM
- Fast and efficient "diff" algorithm
- Multiple front-ends (JSX, hyperlink)
- Light enough to run on mobile devices
- Plenty of traction and mindshare
- Can be used without React (i.e. as a standalone engine)
Disadvantages of the React virtual DOM
- A full copy of the DOM in memory (higher memory usage)
- No differentiation between static and dynamic elements
See also
Comments