В чем отличие virtual dom от dom?

Question

[IsaNesquik]

При чтении про Virtual DOM во всех материалах пишут, что благодаря vdom в итоге в реальном dom перерисовываются только те узлы, которые изменились.
Но разве без vdom обычный dom не будет перерисовыват только те узлы, которые я изменил?
Пример: есть два контейнера (соседи между собой), если я в один контейнер добавляю дивы, разве в соседнем контейнере будет происходит перерисовка?

Answer 1

[longclaps]

Смысл не в этом, а в том, что если ты удаляешь <p>блабла</p> и тут же вставляешь <p>блабла</p>, эта тривиальная замена отсекается на уровне vdom.
Такая буферизация позволяет рисовать каждый вариант страницы с нуля, а рендеринг происходит инкрементально.

Comments

[IsaNesquik]

То есть существует какой-то таймер, который ждёт набора изменений?

[longclaps]

IsaNesquik, не таймер, а переключение состояний (как их там - "before render", "before maintain"...)

[IsaNesquik]

longclaps, если я удалил узел это же изменение состояния? Добавил узел - снова изменение. То есть два раза должна функция сработать

[longclaps]

IsaNesquik, я же ответ дополнил (
У тебя есть метод render, в котором ты целиком отрисовываешь что тебе надо в его актуальном состоянии. А реакт отдаёт броузеру в работу только изменившиеся фрагменты.

[IsaNesquik]

longclaps, теперь я понял, спасибо