My Java Full Stack Journey Learning (RealDOM & React DOM ) in React JS

DOM (Real DOM)

Tree Structure of HTML elements.

Dom (Document Object Model): The true structure of HTML elements in web page.

Managed directly by the browser.

Updating the real DOM is slow, because even a small change can re-render the entire page.

React Dom (Virtual DOM)

React is a library (react-dom) to interact with DOM.

Connects React with the browser DOM.

React first updates the Virtual DOM.

Then React Dom updates only the changed parts in the real DOM efficiently.