You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Noan07 5fad98b9c5
pb npm
2 years ago
..
cjs pb npm 2 years ago
umd pb npm 2 years ago
LICENSE pb npm 2 years ago
README.md pb npm 2 years ago
client.js pb npm 2 years ago
index.js pb npm 2 years ago
package.json pb npm 2 years ago
profiling.js pb npm 2 years ago
server.browser.js pb npm 2 years ago
server.js pb npm 2 years ago
server.node.js pb npm 2 years ago
test-utils.js pb npm 2 years ago

README.md

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://reactjs.org/docs/react-dom.html

react-dom/client

See https://reactjs.org/docs/react-dom-client.html

react-dom/server

See https://reactjs.org/docs/react-dom-server.html