[ICO]NameLast modifiedSizeDescription
[PARENTDIR]Parent Directory  -  
[DIR]cjs/2023-06-15 18:19 -  
[DIR]umd/2023-06-15 18:19 -  
[   ]LICENSE1985-10-26 08:15 1.1K 
[TXT]README.md1985-10-26 08:15 1.1Kd7c1522 post receive test [كارل مبارك]
[   ]client.js1985-10-26 08:15 619  
[   ]index.js1985-10-26 08:15 1.3K 
[   ]package.json2023-06-15 18:21 2.2K 
[   ]profiling.js1985-10-26 08:15 1.3K 
[   ]server.browser.js1985-10-26 08:15 658  
[   ]server.js1985-10-26 08:15 58  
[   ]server.node.js1985-10-26 08:15 646  
[   ]test-utils.js1985-10-26 08:15 220  
# `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

```sh
npm install react react-dom
```

## Usage

### In the browser

```js
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

```js
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