React DOM API

API

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

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

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

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

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

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

Точки входа

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

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

Устаревшие API

Устаревшие

• findDOMNode находит ближайший узел DOM, соответствующий экземпляру класса-компонента.
• hydrate монтирует дерево в DOM, созданное из серверного HTML. Устарело в пользу hydrateRoot.
• render монтирует дерево в DOM. Устарело в пользу createRoot.
• unmountComponentAtNode демонтирует дерево из DOM. Устарело в пользу root.unmount().