Virtual Dom Explained in React

When we start learning JavaScript, we often come across a concept known as DOM (Document Object Model). We know that browsers use the DOM to render content on the screen. But let me ask you a question? If you had to change something on the webpage, let's say colour of a button, would you destroy the entire DOM and rebuild it again from scratch? Technically, you could. In fact, traditional web applications often worked in ways that caused large parts of the page to re-render frequently. But think