Зачем нужен пакет react-dom в React приложении?

Назначение пакета react-dom

Пакет react-dom предоставляет методы, специфичные для DOM, которые позволяют React-компонентам взаимодействовать с DOM браузера. Он служит точкой входа для рендеринга React-приложений в веб, и большинству компонентов не нужно использовать этот модуль напрямую.

Основные методы

Пакет включает несколько необходимых методов:

• render() - рендерит React-компонент в конкретный элемент DOM
• hydrate() - подключает React к отрендеренному на сервере HTML для интерактивности на клиенте
• unmountComponentAtNode() - удаляет смонтированный React-компонент из DOM
• findDOMNode() - возвращает базовый узел DOM React-компонента
• createPortal() - рендерит компонент вне иерархии своего родительского DOM

Когда использовать

react-dom обычно используется на верхнем уровне твоего приложения, например в главном файле точки входа. Большинство кода на уровне компонентов опирается на сам React, а не на react-dom напрямую. В основном ты будешь работать с react-dom при инициализации приложения и когда нужен прямой доступ к DOM для продвинутых сценариев — таких как порталы или рефы.