react-dom

v19.2.4

React package for working with the DOM.

License
MIT
Install Size
7.3 MB/-
Vulns
0
Published

Get started

$npm install react-dom
$pnpm add react-dom
$yarn add react-dom
$bun add react-dom
$deno add npm:react-dom
$vlt install react-dom
$npm install -D @types/react-domView @types/react-dom
$pnpm add -D @types/react-domView @types/react-dom
$yarn add -D @types/react-domView @types/react-dom
$bun add -d @types/react-domView @types/react-dom
$deno add -D npm:@types/react-domView @types/react-dom
$vlt install -D @types/react-domView @types/react-dom

Readme

react-dom

This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.

Installation

npm install react react-dom

Usage

In the browser
import { createRoot } from 'react-dom/client';

function App() {
  return <div>Hello World</div>;
}

const root = createRoot(document.getElementById('root'));
root.render(<App />);
On the server
import { renderToPipeableStream } from 'react-dom/server';

function App() {
  return <div>Hello World</div>;
}

function handleRequest(res) {
  // ... in your server handler ...
  const stream = renderToPipeableStream(<App />, {
    onShellReady() {
      res.statusCode = 200;
      res.setHeader('Content-type', 'text/html');
      stream.pipe(res);
    },
    // ...
  });
}

API

react-dom

See https://react.dev/reference/react-dom

react-dom/client

See https://react.dev/reference/react-dom/client

react-dom/server

See https://react.dev/reference/react-dom/server

Weekly DownloadsAcross all versions

Versions

19.2.4
latest