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

Источник: Nuances of Programming Одна из полезных особенностей React  —  абстрагирование от сложного взаимодействия с объектной моделью документа (DOM, Document Object Model). Вместо того чтобы запрашивать элементы, пытаться добавить к ним классы и устранять несоответствия браузера, можно просто писать компоненты, сосредоточившись на взаимодействии с пользователем. Однако иногда все же появляется необходимость в доступе к реальному DOM. И здесь самое важное  —  разобраться в особенностях Ref и его окружения, научиться их правильно использовать...