Skip to content

Commit 1c72ef4

Browse files
authored
Merge pull request #566 from reactjs/copy/renderToNodeStream
Translation of the "renderToNodeStream" page
2 parents b4eea72 + 8c74784 commit 1c72ef4

File tree

2 files changed

+21
-19
lines changed

2 files changed

+21
-19
lines changed

TRANSLATORS.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
105105
<li><a href="https://fr.react.dev/reference/react-dom/client/createRoot"><code>createRoot</code></li>
106106
<li><a href="https://fr.react.dev/reference/react-dom/client/hydrateRoot"><code>hydrateRoot</code></li>
107107
<li><a href="https://fr.react.dev/reference/react-dom/server">API React DOM côté serveur</a> (accueil chapitre)</li>
108+
<li><a href="https://fr.react.dev/reference/react-dom/server/renderToNodeStream"><code>renderToNodeStream</code></a></li>
108109
<li><a href="https://fr.react.dev/reference/react-dom/server/renderToStaticMarkup"><code>renderToStaticMarkup</code></a></li>
109110
<li><a href="https://fr.react.dev/reference/react-dom/server/renderToStaticNodeStream"><code>renderToStaticNodeStream</code></a></li>
110111
<li><a href="https://fr.react.dev/reference/react/legacy">API React historique</a></li>

src/content/reference/react-dom/server/renderToNodeStream.md

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: renderToNodeStream
44

55
<Deprecated>
66

7-
This API will be removed in a future major version of React. Use [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) instead.
7+
Cette API sera retirée d'une future version majeure de React. Utilisez plutôt [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream).
88

99
</Deprecated>
1010

1111
<Intro>
1212

13-
`renderToNodeStream` renders a React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
13+
`renderToNodeStream` fait le rendu d'un arbre React dans un [flux Node.js en lecture](https://nodejs.org/api/stream.html#readable-streams).
1414

1515
```js
1616
const stream = renderToNodeStream(reactNode)
@@ -22,11 +22,11 @@ const stream = renderToNodeStream(reactNode)
2222

2323
---
2424

25-
## Reference {/*reference*/}
25+
## Référence {/*reference*/}
2626

2727
### `renderToNodeStream(reactNode)` {/*rendertonodestream*/}
2828

29-
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+
Côté serveur, appelez `renderToNodeStream` pour obtenir un [flux Node.js en lecture](https://nodejs.org/api/stream.html#readable-streams) que vous pouvez connecter *(pipe, NdT)* vers la réponse.
3030

3131
```js
3232
import { renderToNodeStream } from 'react-dom/server';
@@ -35,42 +35,43 @@ const stream = renderToNodeStream(<App />);
3535
stream.pipe(response);
3636
```
3737

38-
On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to make the server-generated HTML interactive.
38+
Côté client, appelez [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) pour rendre interactif ce HTML généré côté serveur.
3939

40-
[See more examples below.](#usage)
40+
[Voir d'autres exemples ci-dessous](#usage).
4141

42-
#### Parameters {/*parameters*/}
42+
#### Paramètres {/*parameters*/}
4343

44-
* `reactNode`: A React node you want to render to HTML. For example, a JSX element like `<App />`.
44+
* `reactNode` : un nœud React dont vous souhaitez produire le HTML. Ça pourrait par exemple être un élément JSX tel que `<App />`.
4545

46-
#### Returns {/*returns*/}
46+
#### Valeur renvoyée {/*returns*/}
4747

48-
A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams) that outputs an HTML string.
48+
Un [flux Node.js en lecture](https://nodejs.org/api/stream.html#readable-streams) qui produit le texte HTML.
4949

50-
#### Caveats {/*caveats*/}
50+
#### Limitations {/*caveats*/}
5151

52-
* This method will wait for all [Suspense boundaries](/reference/react/Suspense) to complete before returning any output.
52+
* Cette méthode attendra que toutes les [frontières Suspense](/reference/react/Suspense) aboutissent avant de commencer à produire le moindre rendu.
5353

54-
* 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.
54+
* À partir de React 18, cette méthode utilise un tampon pour l'ensemble de sa production, de sorte qu'elle n'a aucun des avantages du *streaming*. C'est pourquoi nous vous conseillons plutôt de migrer vers [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream).
5555

56-
* 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.
56+
* Le flux renvoyé est encodé en UTF-8. Si vous avez besoin d'un flux avec un autre encodage, regardez les projets tels qu'[iconv-lite](https://www.npmjs.com/package/iconv-lite), qui fournissent des flux de transformation pour le transcodage de textes.
5757

5858
---
5959

60-
## Usage {/*usage*/}
60+
## Utilisation {/*usage*/}
6161

62-
### Rendering a React tree as HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
62+
### Produire le HTML d'un arbre React sous forme d'un flux Node.js en lecture {/*rendering-a-react-tree-as-html-to-a-nodejs-readable-stream*/}
6363

64-
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:
64+
Appelez `renderToNodeStream` pour obtenir un [flux Node.js en lecture](https://nodejs.org/api/stream.html#readable-streams) que vous pouvez connecter *(pipe, NdT)* vers la réponse :
6565

6666
```js {5-6}
6767
import { renderToNodeStream } from 'react-dom/server';
6868

69-
// The route handler syntax depends on your backend framework
69+
// La syntaxe du gestionnaire de route dépend de votre
70+
// framework côté serveur
7071
app.use('/', (request, response) => {
7172
const stream = renderToNodeStream(<App />);
7273
stream.pipe(response);
7374
});
7475
```
7576

76-
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.
77+
Le flux produira le HTML initial, non interactif, de vos composants React. Côté client, vous aurez besoin d'appeler [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) pour *hydrater* ce HTML généré côté serveur et le rendre interactif.

0 commit comments

Comments
 (0)