You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/server/renderToNodeStream.md
+15-15Lines changed: 15 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,13 +4,13 @@ title: renderToNodeStream
4
4
5
5
<Deprecated>
6
6
7
-
This API will be removed in a future major version of React. Use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)instead.
7
+
Esta API será removida em uma futura versão principal do React. Use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)em vez disso.
8
8
9
9
</Deprecated>
10
10
11
11
<Intro>
12
12
13
-
`renderToNodeStream`renders a React tree to a[Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
13
+
`renderToNodeStream`renderiza uma árvore React para um[Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
On the server, call`renderToNodeStream`to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) which you can pipe into the response.
29
+
No servidor, chame`renderToNodeStream`para obter um [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) que você pode enviar na resposta.
On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to make the server-generated HTML interactive.
38
+
No cliente, chame [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) para tornar o HTML gerado pelo servidor interativo.
39
39
40
-
[See more examples below.](#usage)
40
+
[Veja mais exemplos abaixo.](#usage)
41
41
42
42
#### Parameters {/*parameters*/}
43
43
44
-
* `reactNode`: A React node you want to render to HTML. For example, a JSX element like`<App />`.
44
+
* `reactNode`: Um nó React que você deseja renderizar em HTML. Por exemplo, um elemento JSX como`<App />`.
45
45
46
-
* **optional** `options`: An object for server render.
47
-
* **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page. Must be the same prefix as passed to [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)
46
+
* **opcional** `options`: Um objeto para renderização no servidor.
47
+
* **opcional** `identifierPrefix`: Um prefixo de string que o React usa para IDs gerados por [`useId`.](/reference/react/useId) Útil para evitar conflitos ao usar múltiplas raízes na mesma página. Deve ser o mesmo prefixo passado para [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)
48
48
49
49
#### Returns {/*returns*/}
50
50
51
-
A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) that outputs an HTML string.
51
+
Um [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) que produz uma string HTML.
52
52
53
53
#### Caveats {/*caveats*/}
54
54
55
-
* This method will wait for all [Suspense boundaries](/reference/react/Suspense) to complete before returning any output.
55
+
* Este método aguardará todas as [limites de Suspense](/reference/react/Suspense) serem concluídos antes de retornar qualquer saída.
56
56
57
-
* As of React 18, this method buffers all of its output, so it doesn't actually provide any streaming benefits. This is why it's recommended that you migrate to [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) instead.
57
+
* A partir do React 18, este método armazena em buffer toda a sua saída, portanto, não fornece realmente benefícios de streaming. É por isso que é recomendado migrar para [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) em vez disso.
58
58
59
-
* The returned stream is a byte stream encoded in utf-8. If you need a stream in another encoding, take a look at a project like [iconv-lite](https://www.npmjs.com/package/iconv-lite), which provides transform streams for transcoding text.
59
+
* O stream retornado é um stream de bytes codificado em utf-8. Se você precisar de um stream em outra codificação, dê uma olhada em um projeto como [iconv-lite](https://www.npmjs.com/package/iconv-lite), que fornece streams de transformação para transcodificação de texto.
60
60
61
61
---
62
62
63
63
## Usage {/*usage*/}
64
64
65
65
### Rendering a React tree as HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
66
66
67
-
Call`renderToNodeStream`to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) which you can pipe to your server response:
67
+
Chame`renderToNodeStream`para obter um [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) que você pode enviar na resposta do seu servidor:
//The route handler syntax depends on your backend framework
72
+
//A sintaxe do manipulador de rotas depende do seu framework de backend
73
73
app.use('/', (request, response) => {
74
74
conststream=renderToNodeStream(<App />);
75
75
stream.pipe(response);
76
76
});
77
77
```
78
78
79
-
The stream will produce the initial non-interactive HTML output of your React components. On the client, you will need to call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to *hydrate* that server-generated HTML and make it interactive.
79
+
O stream produzirá a saída HTML inicial não interativa dos seus componentes React. No cliente, você precisará chamar [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) para *hidratar* aquele HTML gerado pelo servidor e torná-lo interativo.
0 commit comments