Virtual DOM - Image

What is Virtual DOM and how does it imporve Performance ?

Virtual DOM:

It's a lightweight copy of the actual DOM kept in memory.

Acts as a blueprint of the real DOM.

How Virtual DOM works ?

-> Changes are first made to the Virtual DOM.

-> React compares the updated Virtual DOM with its previous version.

-> Only the differences are then updated in the real DOM.

Benfits of Virtual DOM:-

-> Improved performance through minimal DOM manipulation.

-> Enables efficient cross-platform development.

-> Provides a declarative API for developers.