Виртуальный DOM и внутренние механизмы


Что такое виртуальный DOM?

Виртуальный DOM (VDOM) - это концепция программирования, в которой идеальное или «виртуальное» представление пользовательского интерфейса хранится в памяти и синхронизируется с «реальным» DOM с помощью библиотеки, такой как ReactDOM. Данный процесс называется согласованием.

Данный подход обеспечивается декларативным React API: вы говорите React, в каком состоянии должен находиться UI, и он гарантирует, что DOM соответствует этому состоянию. Это абстрагирует манипуляции с атрибутами, обработку событий и ручное обновление DOM, которые в противном случае вам пришлось бы использовать для создания вашего приложения.

«Виртуальный DOM» является скорее паттерном, чем конкретной технологией. В мире React термин «виртуальный DOM» обычно ассоциируется с элементами React, поскольку они являются объектами, представляющими пользовательский интерфейс. React, однако, также использует внутренние объекты, называемые «волокнами»(«fibers»), для хранения дополнительной информации о дереве компонентов. Они также могут считаться частью реализации «виртуального DOM» в React.


Shadow DOM такой же как и "Виртуальный DOM"?

Нет, они разные. Shadow DOM - это технология браузера, разработанная в первую очередь для установки области видимости переменных и CSS в веб-компонентах. Виртуальный DOM - это концепция, реализованная JavaScript-библиотеками поверх API браузера.


Что такое "React Fiber"?

Fiber - это новый движок для согласования DOM в React 16. Его основная цель - обеспечить инкрементную отрисовку(incremental rendering) виртуального DOM. Читайте больше .