DOM Manipulation in React

DOM stands for Document Object Model. It is an in-memory representation of HTML and is tree structured. DOM Manipulation is the process by which one can dynamically change the content of the web page. Normally, JavaScript is used while working with the DOM. Methods like getElementById or removeChild are part of the API provided by the HTML DOM.
The Issue
DOM Manipulation is the core of modern interactive web pages. So, it is important that working with DOM should be fairly easy and quick. Since, it is always tree-structured, traversing the DOM is easy. But when it comes to the quick part, it is not as quick as it should be.