Почему Virtual DOM работает быстрее реального DOM?
Разве Virtual DOM не изменяет реальный DOM последовательно? Что я имею в виду, пример
<div id="box">
<div id="one">One</div>
<div id="two">Two</div>
</div>
<div id="name">Username</div>
<script>
setTimeout(function() {
var elem1 = document.getElementById("one").remove();
var elem2 = document.getElementById("name").innerHTML = "Bob";
}, 1000);
</script>
Не используя VirtualDOM, я точно знаю какие узлы менять, разве такой подход не должен работать быстрее, чем с VirtualDOM.
А если использовать VirtualDOM, то в конечном итоге при изменении реального DOM, разве не выполняется код, приведенный мной выше? То есть в конечном итоге последовательно вызываются методы наподобие remove(), append() и тд?