Skip to content

Commit 49eb5dd

Browse files
Merge pull request #19 from vuejs-fr/streaming
Traduction de `streaming.md`
2 parents 9977366 + 71efc0c commit 49eb5dd

File tree

2 files changed

+9
-8
lines changed

2 files changed

+9
-8
lines changed

en/SUMMARY.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
- [Gestion des CSS](css.md)
1010
- [Gestion des entêtes](head.md)
1111
- [Mise en cache (En)](caching.md)
12-
- [Envoi par flux (En)](streaming.md)
12+
- [Envoi par flux](streaming.md)
1313
- [Réference de l'API (En)](api.md)
1414
- [createRenderer (En)](api.md#createrendereroptions)
1515
- [createBundleRenderer (En)](api.md#createbundlerendererbundle-options)

en/streaming.md

+8-7
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
1-
# Envoi par flux (En) <br><br> *Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vue-ssr-docs).*
1+
# Envoi par flux
22

3-
`vue-server-renderer` supports stream rendering out of the box, for both the base renderer and the bundle renderer. All you need to do is use `renderToStream` instead of `renderToString`:
3+
`vue-server-renderer` supporte nativement le rendu par flux (« stream »), aussi bien pour le moteur de rendu de base que pour le moteur de rendu de paquetage. Tout ce dont vous avez besoin est d'utiliser `renderToStream` à la place de `renderToString` :
4+
:
45

56
``` js
67
const stream = renderer.renderToStream(context)
78
```
89

9-
The returned value is a [Node.js stream](https://nodejs.org/api/stream.html):
10+
La valeur retournée est un [flux Node.js](https://nodejs.org/api/stream.html) :
1011

1112
``` js
1213
let html = ''
@@ -24,10 +25,10 @@ stream.on('error', err => {
2425
})
2526
```
2627

27-
## Streaming Caveats
28+
## Limitations de flux
2829

29-
In stream rendering mode, data is emitted as soon as possible when the renderer traverses the Virtual DOM tree. This means we can get an earlier "first chunk" and start sending it to the client faster.
30+
En mode de rendu par flux, la donnée est émise aussitôt que possible quand le moteur parcourt l'arbre du DOM virtuel. Cela signifie que l'envoi au client du « premier fragment » commence rapidement.
3031

31-
However, when the first data chunk is emitted, the child components may not even be instantiated yet, neither will their lifecycle hooks get called. This means if the child components need to attach data to the render context in their lifecycle hooks, these data will not be available when the stream starts. Since a lot of the context information (like head information or inlined critical CSS) needs to be appear before the application markup, we essentially have to wait until the stream to complete before we can start making use of these context data.
32+
Cependant, quand le premier fragment est émis, les composants enfants peuvent ne pas avoir encore été instanciés, et les hooks de leur cycle de vie ne seront jamais appelés. Cela signifie que si des composants enfants ont besoin d'attacher leurs données dans le contexte de rendu de leurs hooks de cycle de vie, elles ne seront pas accessibles au démarrage du flux. Comme beaucoup d'informations (comme les informations d'entête ou les CSS critiques injectées) ont besoin d'être insérées avant la balise de l'application, il est nécessaire d'attendre la fin du flux avant de commencer à utiliser ces données de contexte.
3233

33-
It is therefore **NOT** recommended to use streaming mode if you rely on context data populated by component lifecycle hooks.
34+
Il n'est donc **PAS** recommandé d'utiliser de l'envoi par flux si les données de vos contextes sont injectés dans les hooks du cycle de vie.

0 commit comments

Comments
 (0)