Traduction de `advanced/lazy-loading.md` #10

Kocal · 2017-05-24T14:32:04Z

No description provided.

MachinisteWeb

Merci @Kocal. Voici ma review.

MachinisteWeb · 2017-05-27T13:39:14Z

docs/en/advanced/lazy-loading.md

@@ -1,28 +1,27 @@
-# Lazy Loading Routes (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-router).*
+# Les Routes chargeant à la volée


Je propose

Les routes chargées à la volée

ou

Le chargement à la volée

~~Oulah, je sais pas pourquoi j'ai écris « chargeant », peut-être la fatigue 😝~~

~~Je garde la 1ère proposition (tu remarqueras que le titre dans le SUMMARY.md est différent avec le titre du api/lazy-loading.md)~~

EDIT : Finalement on garde la 2ème proposition : #10 (comment)

MachinisteWeb · 2017-05-27T13:39:48Z

docs/en/SUMMARY.md

@@ -21,7 +21,7 @@
  - [Transitions (En)](advanced/transitions.md)
  - [Data Fetching (En)](advanced/data-fetching.md)
  - [Scroll Behavior (En)](advanced/scroll-behavior.md)
-  - [Lazy Loading (En)](advanced/lazy-loading.md)
+  - [Le chargement à la volée](advanced/lazy-loading.md)


Que pense tu d'aligner nos titres avec le menu, quitte à les raccourcir ?

Ça marche !

MachinisteWeb · 2017-05-27T13:40:34Z

docs/en/advanced/lazy-loading.md


-When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
+Pendant la construction d'applications avec un « bundler », le paquet JavaScript peut devenir un peut lourd, et donc cela peut affecter le temps de chargement de page. Il serait plus efficace si l'on pouvait séparer chaque composants de route dans des fragments séparés, et de ne les charger uniquement lorsque la route est visitée.


un empaqueteur (« bundler »)

un peu

et de ne les charger uniquement

MachinisteWeb · 2017-05-27T13:43:07Z

docs/en/advanced/lazy-loading.md

-lazy-load route components.
-
-All we need to do is define our route components as async components:
+En combinant la [fonctionnalité de composant asynchrone](http://vuejs.org/guide/components.html#Async-Components) de Vue et la [fonctionnalité de séparation de code](https://webpack.js.org/guides/code-splitting-require/) de Webpack, il est très facile de charger à la volée les composants de route. 


Lien FR

fonctionnalité de composant asynchrone

webpack

avec une minuscule, je PR l'original

MachinisteWeb · 2017-05-27T13:44:39Z

docs/en/advanced/lazy-loading.md


 ``` js
 const Foo = resolve => {
-  // require.ensure is Webpack's special syntax for a code-split point.
+  // require.ensure est une syntaxe spéciale de Webpack pour une séparation de code.


require.ensure

avec tick et

webpack

sans majuscule

Je PR l'original

MachinisteWeb · 2017-05-27T13:45:22Z

docs/en/advanced/lazy-loading.md

@@ -32,14 +31,14 @@ const router = new VueRouter({
 })
 ```

-### Grouping Components in the Same Chunk
+### Grouper des composants dans le même morceau


on traduit chunk par fragment :

même fragment

J'ai ajouté l'info dans l'issue des trads now

MachinisteWeb · 2017-05-27T13:48:51Z

docs/en/advanced/lazy-loading.md


 ``` js
 const Foo = r => require.ensure([], () => r(require('./Foo.vue')), 'group-foo')
 const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
 const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
 ```

-Webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
+Webpack groupera tous les modules asynchrones avec le même nom de morceau, dans le même morceau asynchrone &mdash; cela signifie aussi que nous n'avons plus besoin de lister explicitement les dépendances pour `require.ensure` (équivaut à passer un tableau vide).


webpack

asynchrone. Cela signifie

Je laisse Webpack car il est au début de la phrase.

MachinisteWeb

Seconde review. Encore quelque petit trucs.

MachinisteWeb · 2017-05-27T16:02:58Z

docs/en/advanced/lazy-loading.md


-When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
+Pendant la construction d'applications avec un empaqueteur (« bundler »), le paquet JavaScript peut devenir un peu lourd, et donc cela peut affecter le temps de chargement de page. Il serait plus efficace si l'on pouvait séparer chaque composants de route dans des fragments séparés, et de les charger uniquement lorsque la route est visitée.


de la page

p-e ?

Oui c'est mieux avec le la !

MachinisteWeb · 2017-05-27T16:03:27Z

docs/en/advanced/lazy-loading.md

-All we need to do is define our route components as async components:
+En combinant la [fonctionnalité de composant asynchrone](https://fr.vuejs.org/v2/guide/components.html#Composants-asynchrones) de Vue et la [fonctionnalité de séparation de code](https://webpack.js.org/guides/code-splitting-require/) de webpack, il est très facile de charger à la volée les composants de route. 
+
+Tout ce dont nous avons à faire, c'est de définir les composants de notre route en tant que composants asynchrones :


Tout ce que nous avons à faire

ou

Tout ce dont nous devons nous soucier

:)

MachinisteWeb · 2017-05-27T16:04:21Z

docs/en/advanced/lazy-loading.md


 ``` js
 const Foo = r => require.ensure([], () => r(require('./Foo.vue')), 'group-foo')
 const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
 const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
 ```

-Webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
+Webpack groupera tous les modules asynchrones avec le même nom de morceau, dans le même morceau asynchrone. Cela signifie aussi que nous n'avons plus besoin de lister explicitement les dépendances pour `require.ensure` (équivaut à passer un tableau vide).


webpack sans majuscule, même en début de phrase http://webpack.github.io/docs/

Oh d'accord, étrange 😯

Kocal · 2017-05-27T18:41:55Z

Modifié, tu peux approuver les changements si tu ne trouves rien d'autre à modifier !

MachinisteWeb

Deux points et bon pour moi !

MachinisteWeb · 2017-05-29T06:57:02Z

docs/en/advanced/lazy-loading.md


-When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
+Pendant la construction d'applications avec un empaqueteur (« bundler »), le paquet JavaScript peut devenir un peu lourd, et donc cela peut affecter le temps de chargement de la page. Il serait plus efficace si l'on pouvait séparer chaque composants de route dans des fragments séparés, et de les charger uniquement lorsque la route est visitée.


chaque composant

MachinisteWeb · 2017-05-29T06:58:27Z

docs/en/advanced/lazy-loading.md


 ``` js
 const Foo = r => require.ensure([], () => r(require('./Foo.vue')), 'group-foo')
 const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
 const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
 ```

-Webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
+webpack groupera tous les modules asynchrones avec le même nom de morceau, dans le même morceau asynchrone. Cela signifie aussi que nous n'avons plus besoin de lister explicitement les dépendances pour `require.ensure` (équivaut à passer un tableau vide).


nom de fragment, dans le même fragment

MachinisteWeb · 2017-06-02T06:13:41Z

Deux points et bon pour moi ! @Kocal

Kocal · 2017-06-02T06:48:24Z

Modifié

Traduction de advanced/lazy-loading.md

d1054a6

Kocal requested a review from MachinisteWeb May 24, 2017 14:32

MachinisteWeb mentioned this pull request May 24, 2017

Pages en cours de traduction #1

Open

MachinisteWeb added the Traduction en cours label May 27, 2017

MachinisteWeb assigned Kocal May 27, 2017

Kocal added Relecture nécessaire and removed Traduction en cours labels May 27, 2017

MachinisteWeb requested changes May 27, 2017

View reviewed changes

Kocal added 2 commits May 27, 2017 16:37

Modifications suite à la 1ère review de Haeresis

742aed5

Merge branch 'working' into advanced/lazy-loading.md

f4c00cb

MachinisteWeb requested changes May 27, 2017

View reviewed changes

Modifications suite à la 2ème review de Haeresis

5a0b225

MachinisteWeb requested changes May 29, 2017

View reviewed changes

Kocal added 2 commits June 2, 2017 08:46

Modifications suite à la 3ème review de Haeresis

000350e

Merge branch 'working' into advanced/lazy-loading.md

755b935

MachinisteWeb approved these changes Jun 2, 2017

View reviewed changes

MachinisteWeb merged commit 592adf4 into vuejs-fr:working Jun 2, 2017

Kocal deleted the advanced/lazy-loading.md branch June 2, 2017 06:56

Kocal added Validé and removed Relecture nécessaire labels Jun 2, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Traduction de `advanced/lazy-loading.md` #10

Traduction de `advanced/lazy-loading.md` #10

Kocal commented May 24, 2017

MachinisteWeb left a comment

MachinisteWeb May 27, 2017

Kocal May 27, 2017 •

edited

Loading

MachinisteWeb May 27, 2017

Kocal May 27, 2017

MachinisteWeb May 27, 2017

MachinisteWeb May 27, 2017

MachinisteWeb May 27, 2017

MachinisteWeb May 27, 2017

MachinisteWeb May 27, 2017

Kocal May 27, 2017 •

edited

Loading

MachinisteWeb left a comment

MachinisteWeb May 27, 2017

Kocal May 27, 2017

MachinisteWeb May 27, 2017

MachinisteWeb May 27, 2017

Kocal May 27, 2017

Kocal commented May 27, 2017 •

edited

Loading

MachinisteWeb left a comment

MachinisteWeb May 29, 2017

MachinisteWeb May 29, 2017

MachinisteWeb commented Jun 2, 2017

Kocal commented Jun 2, 2017

		@@ -1,28 +1,27 @@
		# Lazy Loading Routes (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-router).
		# Les Routes chargeant à la volée


		When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
		Pendant la construction d'applications avec un « bundler », le paquet JavaScript peut devenir un peut lourd, et donc cela peut affecter le temps de chargement de page. Il serait plus efficace si l'on pouvait séparer chaque composants de route dans des fragments séparés, et de ne les charger uniquement lorsque la route est visitée.

Traduction de advanced/lazy-loading.md #10

Traduction de advanced/lazy-loading.md #10

Conversation

Kocal commented May 24, 2017

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Les routes chargées à la volée

Le chargement à la volée

Kocal May 27, 2017 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Kocal May 27, 2017 • edited Loading

Choose a reason for hiding this comment

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Kocal commented May 27, 2017 • edited Loading

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb commented Jun 2, 2017

Kocal commented Jun 2, 2017

Traduction de `advanced/lazy-loading.md` #10

Traduction de `advanced/lazy-loading.md` #10

Kocal May 27, 2017 •

edited

Loading

Kocal May 27, 2017 •

edited

Loading

Kocal commented May 27, 2017 •

edited

Loading