The article suggests that using virtual DOM you can avoid the 6 steps described after document.querySelector('#elementId').innerHTML="New Value" But this

The article suggests that using virtual DOM you can avoid the 6 steps described after document.querySelector('#elementId').innerHTML="New Value" But this is not the case, the virtual DOM ensures you that if you have a complex component it will only update the nodes that actually needs updating, but the 6 steps still must take place. https://reactjs.org/docs/rendering-elements.html#react-only-updates-whats-necessary https://reactjs.org/docs/rendering-elements.html#react-only-...