Virtual DOM

So why is react fast. They are saying the magic is because of the virtual DOM.

A virtual DOM is a programming concept by which the system stores a copy of the DOM in the memory.

Whenever a change occurs to the VDOM, it's compared with the old VDOM and only those changes are committed to the actual DOM.

This is also called "diffing".

If we don't use React it takes a lot of time and APIs that the browser has to call to update the DOM. But with React it's easier to update the VDOM as it's a JS object. This object is optimized in such a way that it makes minimum calls to the browser DOM to update it.

Did you find this post useful? Show some love!
DISCUSSION (2)
[deleted]

HiπŸ‘‹, I think it's not right, since the shadow-dom and the virtual-dom are totally different.

The shadow-dom has nothing reactive, it is simply an encapsulation of content which is beneficial when working with styles and slot

The virtual-dom can easily work within the shadow-dom, I do not think that the React or Vue team will replace the virtual-dom, since it is simple πŸ€“

Classic DEV Post from Nov 29

Big Tech Company Interview Advice Thread

Give and receive advice on big tech company interviews

Visakh Vijayan
Willing to learn anything and everything exciting. Always awake. Skips food for fun.
Join dev.to ❀️

The heartbeat of the software industry.