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
These additional methods depend on a package (`stream`) that is **only available on the server**, and won't work in the browser.
25
+
Les méthodes additionnelles suivantes dépendent du package (`stream`) **disponible uniquement pour serveurs**, elles ne fonctionneront pas dans un navigateur.
Render a React element to its initial HTML. React will return an HTML string. You can use this method to generate HTML on the server and send the markup down on the initial request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
40
+
Crée le rendu d’un élément React sous sa forme HTML initiale. React va se charger de retourner une chaîne de charactères HTML. Vous pouvez utiliser cette méthode pour générer du HTML coté serveur et renvoyer le balisage en guise de réponse à la requête initiale, pour accélérer le chargement des pages et permettre aux moteurs de recherche d’analyser vos pages pour les référencer.
41
41
42
-
If you call[`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)on a node that already has this server-rendered markup, React will preserve it and only attach event handlers, allowing you to have a very performant first-load experience.
42
+
Si vous appelez[`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)sur un nœud dont le balisage a déjà été généré par le serveur, React le conservera et n’y attachera que des gestionnaires d’événements, ce qui vous permettra d’avoir une expérience de premier chargement des plus performantes.
43
43
44
44
* * *
45
45
@@ -49,9 +49,9 @@ If you call [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate) on a node that
49
49
ReactDOMServer.renderToStaticMarkup(element)
50
50
```
51
51
52
-
Similar to[`renderToString`](#rendertostring), except this doesn't create extra DOM attributes that React uses internally, such as `data-reactroot`. This is useful if you want to use React as a simple static page generator, as stripping away the extra attributes can save some bytes.
52
+
Similaire à[`renderToString`](#rendertostring), si ce n’est qu’elle ne crée pas d’attributs supplémentaires utilisés par React en interne, à l’image de `data-reactroot`. Ça peut être pratique si vous souhaitez utiliser React comme simple générateur de pages statiques, supprimer les attributs supplémentaires vous économisant quelques octets.
53
53
54
-
If you plan to use React on the client to make the markup interactive, do not use this method. Instead, use[`renderToString`](#rendertostring)on the server and [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)on the client.
54
+
Il n’est pas recommandé d’utiliser cette méthode si vous envisagez d’utiliser React coté client pour rendre le balisage interactif. À la place, utilisez[`renderToString`](#rendertostring)coté serveur, et [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)coté client.
55
55
56
56
* * *
57
57
@@ -61,15 +61,15 @@ If you plan to use React on the client to make the markup interactive, do not us
61
61
ReactDOMServer.renderToNodeStream(element)
62
62
```
63
63
64
-
Render a React element to its initial HTML. Returns a[Readable stream](https://nodejs.org/api/stream.html#stream_readable_streams)that outputs an HTML string. The HTML output by this stream is exactly equal to what[`ReactDOMServer.renderToString`](#rendertostring)would return. You can use this method to generate HTML on the server and send the markup down on the initial request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
64
+
Crée le rendu d’un élément React sous sa forme HTML initiale. Retourne un[Readable stream](https://nodejs.org/api/stream.html#stream_readable_streams)qui génère une chaîne de caractères HTML. La sortie HTML de ce flux est précisément égale à ce que[`ReactDOMServer.renderToString`](#rendertostring)renverrait. Vous pouvez utiliser cette méthode pour générer du HTML coté serveur et renvoyer le balisage en guise se réponse à la requête initiale, pour accélérer le chargement des pages et permettre aux moteurs de recherche d’analyser vos pages pour les référencer.
65
65
66
-
If you call[`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)on a node that already has this server-rendered markup, React will preserve it and only attach event handlers, allowing you to have a very performant first-load experience.
66
+
Si vous appelez[`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)sur un nœud dont le balisage a déjà été généré par le serveur, React le conservera et n’y attachera que des gestionnaires d’événements, ce qui vous permettra d’avoir une expérience de premier chargement des plus performantes.
67
67
68
-
> Note:
68
+
> Note:
69
69
>
70
-
> Server-only. This API is not available in the browser.
70
+
> Pour serveur uniquement. Cette API n’est pas disponible pour navigateur.
71
71
>
72
-
> The stream returned from this method will return 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.
72
+
> Le flux renvoyé par cette méthode renverra un flux d’octets encodés en utf-8. Si vous avez besoin d’un flux dans un autre encodage, jetez un coup d’œil au projet [iconv-lite](https://www.npmjs.com/package/iconv-lite), qui fournit des flux de transformation pour le transcodage de texte.
73
73
74
74
* * *
75
75
@@ -79,14 +79,14 @@ If you call [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate) on a node that
79
79
ReactDOMServer.renderToStaticNodeStream(element)
80
80
```
81
81
82
-
Similar to[`renderToNodeStream`](#rendertonodestream), except this doesn't create extra DOM attributes that React uses internally, such as `data-reactroot`. This is useful if you want to use React as a simple static page generator, as stripping away the extra attributes can save some bytes.
82
+
Similaire à[`renderToNodeStream`](#rendertonodestream), si ce n’est qu’elle ne crée pas d’attributs supplémentaires utilisés par React en interne, à l’image de `data-reactroot`. Ça peut être pratique si vous souhaitez utiliser React comme simple générateur de pages statiques, supprimer les attributs supplémentaires vous économisant quelques octets.
83
83
84
-
The HTML output by this stream is exactly equal to what [`ReactDOMServer.renderToStaticMarkup`](#rendertostaticmarkup)would return.
84
+
La sortie HTML de ce flux est précisément égale à ce que [`ReactDOMServer.renderToStaticMarkup`](#rendertostaticmarkup)renverrait.
85
85
86
-
If you plan to use React on the client to make the markup interactive, do not use this method. Instead, use[`renderToNodeStream`](#rendertonodestream)on the server and [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)on the client.
86
+
Il n’est pas recommandé d’utiliser cette méthode si vous envisagez d’utiliser React coté client pour rendre le balisage interactif. À la place, utilisez[`renderToNodeStream`](#rendertonodestream)coté serveur, et [`ReactDOM.hydrate()`](/docs/react-dom.html#hydrate)coté client.
87
87
88
-
> Note:
88
+
> Note:
89
89
>
90
-
> Server-only. This API is not available in the browser.
90
+
> Pour serveur uniquement. Cette API n’est pas disponible pour navigateur.
91
91
>
92
-
> The stream returned from this method will return 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.
92
+
> Le flux renvoyé par cette méthode renverra un flux d’octets encodés en utf-8. Si vous avez besoin d’un flux dans un autre encodage, jetez un coup d’œil au projet [iconv-lite](https://www.npmjs.com/package/iconv-lite), qui fournit des flux de transformation pour le transcodage de texte.
0 commit comments