You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

History

Hugo Oliveira a3df380b57 versao 1		2 years ago
..
cjs	versao 1	2 years ago
umd	versao 1	2 years ago
LICENSE	versao 1	2 years ago
README.md	versao 1	2 years ago
client.js	versao 1	2 years ago
index.js	versao 1	2 years ago
package.json	versao 1	2 years ago
profiling.js	versao 1	2 years ago
server.browser.js	versao 1	2 years ago
server.js	versao 1	2 years ago
server.node.js	versao 1	2 years ago
test-utils.js	versao 1	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