What is the Virtual DOM and how does it work?

Virtual DOM is a JavaScript representation of the real DOM. React creates a virtual copy, compares it with the previous version when changes occur, and updates only the changed parts.

// Virtual DOM concept
const virtualElement = {
  type: "div",
  props: { className: "container" },
  children: ["Hello World"]
};