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.
findDOMNode
: изучите альтернативы.hydrate
: используйтеhydrateRoot
вместо.render
: используйтеcreateRoot
вместо.unmountComponentAtNode
: используйтеroot.unmount()
вместо.renderToNodeStream
: используйтеreact-dom/server
API вместо.renderToStaticNodeStream
: используйтеreact-dom/server
API вместо.