API React DOM

Пакет react-dom содержит методы, которые поддерживаются только для веб-приложений (которые работают в DOM среде браузера). Они не поддерживаются для React Native.


APIs

Эти API могут быть импортированы из ваших компонентов. Они используются редко:

  • createPortal позволяет рендерить дочерние компоненты в другой части DOM-дерева.
  • flushSync позволяет принудительно вынудить React обновить состояние и синхронно обновить DOM.

API предварительной загрузки ресурсов

Эти API можно использовать для ускорения работы приложений за счёт предварительной загрузки ресурсов — таких как скрипты, таблицы стилей и шрифты — сразу после того, как становится понятно, что они понадобятся. Например, до перехода на другую страницу, где эти ресурсы будут использоваться.

Фреймворки на базе React часто берут на себя управление загрузкой ресурсов, так что вам может не понадобиться напрямую вызывать эти API. Подробнее об этом — в документации фреймворка.

  • prefetchDNS позволяет предварительно получить IP-адрес доменного имени, с которым вы планируете установить соединение.
  • preconnect заранее устанавливает соединение с сервером, с которого вы, скорее всего, запросите ресурсы, даже если ещё не знаете, какие именно.
  • preload заранее загружает таблицу стилей, шрифт, изображение или внешний скрипт, которые вы собираетесь использовать.
  • preloadModule предварительно загружает модуль ECMAScript (ESM), который вы собираетесь использовать.
  • preinit предварительно загружает и выполняет внешний скрипт либо загружает и вставляет таблицу стилей.
  • preinitModule предварительно загружает и выполняет модуль ECMAScript (ESM).

Точки входа

Пакет react-dom предоставляет две дополнительные точки входа:

  • react-dom/client содержит API для рендеринга компонентов React на стороне клиента (в браузере).
  • react-dom/server содержит API для рендеринга компонентов React на сервере.

Удалённые API

Эти API были удалены в React 19.