From 21340c00347ee5692041c764cca4a60d2180b3fc Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Mon, 30 Oct 2017 16:05:15 +0100 Subject: [PATCH 1/5] Traduction de cached-components.md Signed-off-by: Bruno Lesieur --- en/faq/cached-components.md | 36 ++++++++++++++++++------------------ en/faq/menu.json | 2 +- 2 files changed, 19 insertions(+), 19 deletions(-) diff --git a/en/faq/cached-components.md b/en/faq/cached-components.md index d10176332..ff33ce8ea 100644 --- a/en/faq/cached-components.md +++ b/en/faq/cached-components.md @@ -1,26 +1,27 @@ --- -title: Caching Components -description: How to cache components? +title: Composants avec cache +description: Comment mettre en cache des composants ? --- -# How to cache Vue components? +# Comment mettre en cache des composants Vue ? -> Although Vue's SSR is quite fast, it can't match the performance of pure string-based templating due to the cost of creating component instances and Virtual DOM nodes. In cases where SSR performance is critical, wisely leveraging caching strategies can greatly improve response time and reduce server load. +> Bien que le rendu côté serveur de Vue soit rapide, il ne rivalise pas avec les performances d'un template basé sur une chaine de caractère pure, et ceux, à cause du coût de création des instances de composant et des nœuds du DOM virtuel. Dans le cas où les performances du rendu côté serveur est critique, mettre en place une bonne stratégie de mise en cache peut grandement améliorer le temps de réponse et réduire la charge serveur. -To avoid boilerplate, use [Component Cache module](https://github.com/nuxt-community/modules/tree/master/packages/component-cache) for Nuxt.js. -This module uses vue-server-renderer to add LRU cache support for Vue components. +Vous pouvez utiliser le module [Component Cache](https://github.com/nuxt-community/modules/tree/master/packages/component-cache) pour Nuxt.js. +Ce module utilise `vue-server-renderer` pour ajouter le support d'un cache [LRU](https://fr.wikipedia.org/wiki/Algorithmes_de_remplacement_des_lignes_de_cache#LRU_.28Least_Recently_Used.29) pour les composants Vue. -## Usage +## Utilisation + +- Ajoutez la dépendance `@nuxtjs/component-cache` en utilisant Yarn ou npm pour votre projet. +- Ajoutez `@nuxtjs/component-cache` to `modules` section of `nuxt.config.js`. -- Add `@nuxtjs/component-cache` dependency using yarn or npm to your project -- Add `@nuxtjs/component-cache` to `modules` section of `nuxt.config.js` ```js { modules: [ - // Simple usage + // Utilisation simple '@nuxtjs/component-cache', - // With options + // Avec des options ['@nuxtjs/component-cache', { max: 10000, maxAge: 1000 * 60 * 60 @@ -29,12 +30,11 @@ This module uses vue-server-renderer to add LRU cache support for Vue components } ``` -See [component-level caching](http://ssr.vuejs.org/en/caching.html#component-level-caching) for more information. - -## Don't forget, that +Voir [la mise en cache au niveau composant](http://ssr.vuejs.org/en/caching.html#mise-en-cache-au-niveau-du-composant) pour plus d'informations. -- Cache-able component **must define a unique `name` option**. -- You should ***NOT*** cache components, that - - has child components that may rely on global state. - - has child components that produces side effects on the render `context`. +## N'oubliez pas +- Les composants à mettre en cache **doivent définir une option `name` unique**. +- Vous **NE** devez ***PAS*** mettre en cache un composant si + - ses composants enfants sont liés à ur état global ou si + - ses composants enfants produisent des effets de bord sur le rendu de `context`. diff --git a/en/faq/menu.json b/en/faq/menu.json index 1494a6480..354c4d893 100644 --- a/en/faq/menu.json +++ b/en/faq/menu.json @@ -9,7 +9,7 @@ { "name": "Comment étendre la configuration de webpack ?", "to": "/extend-webpack" }, { "name": "Comment ajouter des plugins webpack ?", "to": "/webpack-plugins" }, { "name": "Comment changer le HOST et le PORT ?", "to": "/host-port" }, - { "name": "Comment utiliser des composants avec cache ? (EN)", "to": "/cached-components" }, + { "name": "Comment mettre en cache des composants ?", "to": "/cached-components" }, { "name": "Comment intégrer Google Analytics ?", "to": "/google-analytics" } ] }, From 3756f90fca6151d970834dde9dc38804655f74ff Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Mon, 30 Oct 2017 17:21:39 +0100 Subject: [PATCH 2/5] Update Signed-off-by: Bruno Lesieur --- en/faq/cached-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/en/faq/cached-components.md b/en/faq/cached-components.md index ff33ce8ea..13a6f7f59 100644 --- a/en/faq/cached-components.md +++ b/en/faq/cached-components.md @@ -5,7 +5,7 @@ description: Comment mettre en cache des composants ? # Comment mettre en cache des composants Vue ? -> Bien que le rendu côté serveur de Vue soit rapide, il ne rivalise pas avec les performances d'un template basé sur une chaine de caractère pure, et ceux, à cause du coût de création des instances de composant et des nœuds du DOM virtuel. Dans le cas où les performances du rendu côté serveur est critique, mettre en place une bonne stratégie de mise en cache peut grandement améliorer le temps de réponse et réduire la charge serveur. +> Bien que le rendu côté serveur de Vue soit rapide, il ne rivalise pas avec les performances d'un template basé sur une chaine de caractère pure, et ceux, à cause du cout de création des instances de composant et des nœuds du DOM virtuel. Dans le cas où les performances du rendu côté serveur est critique, mettre en place une bonne stratégie de mise en cache peut grandement améliorer le temps de réponse et réduire la charge serveur. Vous pouvez utiliser le module [Component Cache](https://github.com/nuxt-community/modules/tree/master/packages/component-cache) pour Nuxt.js. Ce module utilise `vue-server-renderer` pour ajouter le support d'un cache [LRU](https://fr.wikipedia.org/wiki/Algorithmes_de_remplacement_des_lignes_de_cache#LRU_.28Least_Recently_Used.29) pour les composants Vue. From 21ed19cd8f8da1bf357c60e949352a6ffdf16a5a Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Mon, 30 Oct 2017 17:23:46 +0100 Subject: [PATCH 3/5] Review forrest --- en/faq/cached-components.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/en/faq/cached-components.md b/en/faq/cached-components.md index 13a6f7f59..b1afa4ef9 100644 --- a/en/faq/cached-components.md +++ b/en/faq/cached-components.md @@ -1,5 +1,5 @@ --- -title: Composants avec cache +title: Mettre en cache les composants description: Comment mettre en cache des composants ? --- @@ -13,7 +13,7 @@ Ce module utilise `vue-server-renderer` pour ajouter le support d'un cache [LRU] ## Utilisation - Ajoutez la dépendance `@nuxtjs/component-cache` en utilisant Yarn ou npm pour votre projet. -- Ajoutez `@nuxtjs/component-cache` to `modules` section of `nuxt.config.js`. +- Ajoutez `@nuxtjs/component-cache` à la section `modules` de `nuxt.config.js`. ```js { @@ -36,5 +36,5 @@ Voir [la mise en cache au niveau composant](http://ssr.vuejs.org/en/caching.html - Les composants à mettre en cache **doivent définir une option `name` unique**. - Vous **NE** devez ***PAS*** mettre en cache un composant si - - ses composants enfants sont liés à ur état global ou si + - ses composants enfants sont liés à l'état global ou si - ses composants enfants produisent des effets de bord sur le rendu de `context`. From ddd0d6da3715ae41a62f2ed96d3f509c15e67cff Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Tue, 31 Oct 2017 09:59:02 +0100 Subject: [PATCH 4/5] Little fix for API Signed-off-by: Bruno Lesieur --- en/api/nuxt-render-and-get-window.md | 4 ++-- en/api/nuxt-render-route.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/en/api/nuxt-render-and-get-window.md b/en/api/nuxt-render-and-get-window.md index 0610360c6..b2f06d2d4 100644 --- a/en/api/nuxt-render-and-get-window.md +++ b/en/api/nuxt-render-and-get-window.md @@ -1,6 +1,6 @@ --- title: "API: nuxt.renderAndGetWindow(url, options)" -description: Obtient la `window` à une URL donnée d'une application Nuxt.js. +description: Obtient la `window` depuis un URL donné d'une application Nuxt.js. --- # nuxt.renderAndGetWindow(url, options = {}) @@ -13,7 +13,7 @@ description: Obtient la `window` à une URL donnée d'une application Nuxt.js. - Valeur de retour : `Promise` - Valeur de retour : `window` -> Obtient la `window` à une URL donnée d'une application Nuxt.js. +> Obtient la `window` à un URL donné d'une application Nuxt.js.

Cette méthode est faite pour les [tests](guide/development-tools#tests-de-bout-en-bout).

diff --git a/en/api/nuxt-render-route.md b/en/api/nuxt-render-route.md index f85184344..9b21a30c8 100644 --- a/en/api/nuxt-render-route.md +++ b/en/api/nuxt-render-route.md @@ -37,7 +37,7 @@ new Builder(nuxt) // `html` sera toujours une chaine de caractères // `error` sera non `null` quand le layout d'erreur est affiché, le format d'erreur est : - // { statusCode: 500, message: 'Mon message d'erreur' } + // { statusCode: 500, message: 'Mon message d\'erreur' } // `redirected` n'est pas `false` quand `redirect()` est utilisé dans `data()` ou `fetch()` // { path: '/other-path', query: {}, status: 302 } From 938f5f6816df41d514354c3ae06315c748792885 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Tue, 31 Oct 2017 10:00:46 +0100 Subject: [PATCH 5/5] Fix typo Signed-off-by: Bruno Lesieur --- en/api/nuxt-render.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/en/api/nuxt-render.md b/en/api/nuxt-render.md index 1c93dade8..c0087568a 100644 --- a/en/api/nuxt-render.md +++ b/en/api/nuxt-render.md @@ -50,4 +50,4 @@ function listen() { } ``` -

Il est recommandé d'appeler `nuxt.render` à la fin de votre middlewares ainsi il fera le rendu de votre application web et n'appellera pas `next()`.

+

Il est recommandé d'appeler `nuxt.render` à la fin de vos middlewares ainsi il fera le rendu de votre application web et n'appellera pas `next()`.