Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Traduction de cached-components.md #29

Merged
merged 5 commits into from
Oct 31, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions en/api/nuxt-render-and-get-window.md
Original file line number Diff line number Diff line change
@@ -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 = {})
Expand All @@ -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.

<p class="Alert Alert--info">Cette méthode est faite pour les [tests](guide/development-tools#tests-de-bout-en-bout).</p>

Expand Down
2 changes: 1 addition & 1 deletion en/api/nuxt-render-route.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 }
Expand Down
2 changes: 1 addition & 1 deletion en/api/nuxt-render.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,4 +50,4 @@ function listen() {
}
```

<p class="Alert">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()`.</p>
<p class="Alert">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()`.</p>
36 changes: 18 additions & 18 deletions en/faq/cached-components.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,27 @@
---
title: Caching Components
description: How to cache components?
title: Mettre en cache les composants
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 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.

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` à la section `modules` de `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
Expand All @@ -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 à l'état global ou si
- ses composants enfants produisent des effets de bord sur le rendu de `context`.
2 changes: 1 addition & 1 deletion en/faq/menu.json
Original file line number Diff line number Diff line change
Expand Up @@ -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" }
]
},
Expand Down