DOM vs Virtual DOM

DOM(Document Object Model)

The DOM is implemented in the browser and holds the representation of your application UI. Each time the condition or the state of our UI changes, the DOM is refreshed to speak to that change. However, manipulating the DOM can be painfully slow. 

Indeed, even simply perusing from the DOM can cause undesirable reactions in our applications. Advanced applications have a tendency to be dynamic and should have the capacity to deal with change proficiently.

Virtual DOM (Document Object Model)

 The virtual DOM is a virtual portrayal of the DOM that our application builds. At whatever point the condition or the state of our application changes the virtual DOM gets refreshed rather then the program's DOM. The virtual DOM at that point makes sense of the most proficient approach to refresh the program's DOM.