ReactDOM

These docs are old and won’t be updated. Go to react.dev for the new React docs.

These new documentation pages teach modern React:

react-dom: Components

react-dom: APIs

react-dom: Client APIs

react-dom: Server APIs

The react-dom package provides DOM-specific methods that can be used at the top level of your app and as an escape hatch to get outside the React model if you need to.

import * as ReactDOM from 'react-dom';

If you use ES5 with npm, you can write:

var ReactDOM = require('react-dom');

The react-dom package also provides modules specific to client and server apps:

react-dom/client
react-dom/server

İcmal

The react-dom package exports these methods:

createPortal()
flushSync()

These react-dom methods are also exported, but are considered legacy:

render()
hydrate()
findDOMNode()
unmountComponentAtNode()

Note:

Both render and hydrate have been replaced with new client methods in React 18. These methods will warn that your app will behave as if it’s running React 17 (learn more