Skip to content

Commit 3bff28b

Browse files
Traduction de cached-components.md (#29)
* Traduction de cached-components.md Signed-off-by: Bruno Lesieur <[email protected]> * Update Signed-off-by: Bruno Lesieur <[email protected]> * Review forrest * Little fix for API Signed-off-by: Bruno Lesieur <[email protected]> * Fix typo Signed-off-by: Bruno Lesieur <[email protected]>
1 parent 02e3753 commit 3bff28b

File tree

5 files changed

+23
-23
lines changed

5 files changed

+23
-23
lines changed

Diff for: en/api/nuxt-render-and-get-window.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "API: nuxt.renderAndGetWindow(url, options)"
3-
description: Obtient la `window` à une URL donnée d'une application Nuxt.js.
3+
description: Obtient la `window` depuis un URL donné d'une application Nuxt.js.
44
---
55

66
# nuxt.renderAndGetWindow(url, options = {})
@@ -13,7 +13,7 @@ description: Obtient la `window` à une URL donnée d'une application Nuxt.js.
1313
- Valeur de retour : `Promise`
1414
- Valeur de retour : `window`
1515

16-
> Obtient la `window` à une URL donnée d'une application Nuxt.js.
16+
> Obtient la `window` à un URL donné d'une application Nuxt.js.
1717
1818
<p class="Alert Alert--info">Cette méthode est faite pour les [tests](guide/development-tools#tests-de-bout-en-bout).</p>
1919

Diff for: en/api/nuxt-render-route.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ new Builder(nuxt)
3737
// `html` sera toujours une chaine de caractères
3838

3939
// `error` sera non `null` quand le layout d'erreur est affiché, le format d'erreur est :
40-
// { statusCode: 500, message: 'Mon message d'erreur' }
40+
// { statusCode: 500, message: 'Mon message d\'erreur' }
4141

4242
// `redirected` n'est pas `false` quand `redirect()` est utilisé dans `data()` ou `fetch()`
4343
// { path: '/other-path', query: {}, status: 302 }

Diff for: en/api/nuxt-render.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -50,4 +50,4 @@ function listen() {
5050
}
5151
```
5252

53-
<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>
53+
<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>

Diff for: en/faq/cached-components.md

+18-18
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
11
---
2-
title: Caching Components
3-
description: How to cache components?
2+
title: Mettre en cache les composants
3+
description: Comment mettre en cache des composants ?
44
---
55

6-
# How to cache Vue components?
6+
# Comment mettre en cache des composants Vue ?
77

8-
> 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.
8+
> 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.
99
10-
To avoid boilerplate, use [Component Cache module](https://github.com/nuxt-community/modules/tree/master/packages/component-cache) for Nuxt.js.
11-
This module uses vue-server-renderer to add LRU cache support for Vue components.
10+
Vous pouvez utiliser le module [Component Cache](https://github.com/nuxt-community/modules/tree/master/packages/component-cache) pour Nuxt.js.
11+
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.
1212

13-
## Usage
13+
## Utilisation
14+
15+
- Ajoutez la dépendance `@nuxtjs/component-cache` en utilisant Yarn ou npm pour votre projet.
16+
- Ajoutez `@nuxtjs/component-cache` à la section `modules` de `nuxt.config.js`.
1417

15-
- Add `@nuxtjs/component-cache` dependency using yarn or npm to your project
16-
- Add `@nuxtjs/component-cache` to `modules` section of `nuxt.config.js`
1718
```js
1819
{
1920
modules: [
20-
// Simple usage
21+
// Utilisation simple
2122
'@nuxtjs/component-cache',
2223

23-
// With options
24+
// Avec des options
2425
['@nuxtjs/component-cache', {
2526
max: 10000,
2627
maxAge: 1000 * 60 * 60
@@ -29,12 +30,11 @@ This module uses vue-server-renderer to add LRU cache support for Vue components
2930
}
3031
```
3132

32-
See [component-level caching](http://ssr.vuejs.org/en/caching.html#component-level-caching) for more information.
33-
34-
## Don't forget, that
33+
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.
3534

36-
- Cache-able component **must define a unique `name` option**.
37-
- You should ***NOT*** cache components, that
38-
- has child components that may rely on global state.
39-
- has child components that produces side effects on the render `context`.
35+
## N'oubliez pas
4036

37+
- Les composants à mettre en cache **doivent définir une option `name` unique**.
38+
- Vous **NE** devez ***PAS*** mettre en cache un composant si
39+
- ses composants enfants sont liés à l'état global ou si
40+
- ses composants enfants produisent des effets de bord sur le rendu de `context`.

Diff for: en/faq/menu.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
{ "name": "Comment étendre la configuration de webpack ?", "to": "/extend-webpack" },
1010
{ "name": "Comment ajouter des plugins webpack ?", "to": "/webpack-plugins" },
1111
{ "name": "Comment changer le HOST et le PORT ?", "to": "/host-port" },
12-
{ "name": "Comment utiliser des composants avec cache ? (EN)", "to": "/cached-components" },
12+
{ "name": "Comment mettre en cache des composants ?", "to": "/cached-components" },
1313
{ "name": "Comment intégrer Google Analytics ?", "to": "/google-analytics" }
1414
]
1515
},

0 commit comments

Comments
 (0)