@types/react-dom

Rendering Elements

This feature allows you to render React elements to the DOM. The code sample demonstrates how to use ReactDOM.render() to render an element into the DOM in the simplest way.

import ReactDOM from 'react-dom';

const element = <h1>Hello, world!</h1>;
ReactDOM.render(element, document.getElementById('root'));

Portals

Portals provide a way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. The code sample shows how to create a portal.

import ReactDOM from 'react-dom';

const portalRoot = document.getElementById('portal-root');
const element = <div>Portal Example</div>;
ReactDOM.createPortal(element, portalRoot);

Server-side Rendering

This feature is for server-side rendering of React components to HTML. The code sample demonstrates how to use renderToString() to render a component to a static HTML string, which can then be sent to the client for a faster initial load.

import { renderToString } from 'react-dom/server';

const element = <div>Server Side Rendering</div>;
const htmlString = renderToString(element);