Traduction de `components-dynamic-async` #129

sylvainpolletvillard · 2018-04-16T21:27:54Z

No description provided.

MachinisteWeb

Plusieurs changement mineurs pour la cohérance avec le reste de la documentation française, mais comme d'hab : une traduction impec !

MachinisteWeb · 2018-04-17T07:27:57Z

src/v2/guide/components-dynamic-async.md

@@ -1,20 +1,20 @@
 ---
-title: Dynamic & Async Components
+title: Composants Dynamiques & Async


Nommer « Composants dynamiques (et/&) asynchrones », en tout cas pas de majuscule dans le titre.

je crois que l'auteur tient à désigner les composants comme "async" et non le mot complet "asynchronous", de la même manière qu'ils parlent de "props" et non de properties.

MachinisteWeb · 2018-04-17T07:28:37Z

src/v2/guide/components-dynamic-async.md


-## `keep-alive` with Dynamic Components
+## `keep-alive` avec les Composants Dynamiques


composants dynamiques

(sans majuscule)

MachinisteWeb · 2018-04-17T07:29:51Z

src/v2/guide/components-dynamic-async.md

        </strong>\
      </div>\
    </div>\
  '
 })
 Vue.component('tab-archive', {
-  template: '<div>Archive component</div>'
+  template: '<div>Composant Archive</div>'


archive sans majuscule

MachinisteWeb · 2018-04-17T07:30:15Z

src/v2/guide/components-dynamic-async.md

@@ -149,18 +149,18 @@ new Vue({
 </style>
 {% endraw %}

-You'll notice that if you select a post, switch to the _Archive_ tab, then switch back to _Posts_, it's no longer showing the post you selected. That's because each time you switch to a new tab, Vue creates a new instance of the `currentTabComponent`.
+Vous remarquerez que si vous sélectionnez un post, puis basculez sur l'onglet _Archive_, puis rebasculer à nouveau sur _Posts_, il n'affiche plus le post que vous avez initialement sélectionné. En effet, chaque fois que vous basculez vers un nouvel onglet, Vue crée une nouvelle instance du `composantOngletActuel`.


un billet

(au lieu de un post)

ça m'embête à cause de tout le code qui utilise le mot Post, et post est francisé : http://www.larousse.fr/dictionnaires/francais/post/10910858?q=post-#11044443

MachinisteWeb · 2018-04-17T07:33:14Z

src/v2/guide/components-dynamic-async.md

@@ -185,89 +185,89 @@ new Vue({
    tabs: ['Posts', 'Archive']


Billets

au lieu de Posts ?

MachinisteWeb · 2018-04-17T07:38:27Z

src/v2/guide/components-dynamic-async.md

 })
 ```

-You can also return a `Promise` in the factory function, so with Webpack 2 and ES2015 syntax you can do:
+Vous pouvez également retourner une `Promise` dans la fonction usine, ainsi avec Webpack 2 et la syntaxe ES2015 vous pourrez écrire :


MachinisteWeb · 2018-04-17T07:38:49Z

src/v2/guide/components-dynamic-async.md

-  // The `import` function returns a Promise.
-  () => import('./my-async-component')
+  'exemple-webpack-async',
+  // La fonction `import` retourne une Promise.


une `Promise` ou une promesse

c'est un commentaire de code, je ne vais pas ajouter de ticks

Si, tu peux. Vérifie la documentation original Vue à travers les PR, les ticks sont ajoutés pour différencier le texte du code. C'est à ça que sert le Markdown : mettre en page un texte brut.

Vue

https://vuejs.org/v2/style-guide/#Component-style-scoping-essential 

https://vuejs.org/v2/guide/computed.html#Basic-Example // `this` points to the vm instance

Vue Routeur

https://router.vuejs.org/en/essentials/getting-started.html 

etc.

Mais ça ne fait rien, on vivra bien avec va.

Markdown ne remplace pas les ticks à l'intérieur du code, on ne peut pas formater du code dans du code. Il faut donc comprendre la syntaxe Markdown pour percevoir l'intention, et vu que les ticks servent aussi à l'écriture littérale de String en JavaScript, je pense que ça apportera plus de confusion qu'autre chose.

MachinisteWeb · 2018-04-17T07:39:38Z

src/v2/guide/components-dynamic-async.md

  }
 })
 ```

-<p class="tip">If you're a <strong>Browserify</strong> user that would like to use async components, its creator has unfortunately [made it clear](https://github.com/substack/node-browserify/issues/58#issuecomment-21978224) that async loading "is not something that Browserify will ever support." Officially, at least. The Browserify community has found [some workarounds](https://github.com/vuejs/vuejs.org/issues/620), which may be helpful for existing and complex applications. For all other scenarios, we recommend using Webpack for built-in, first-class async support.</p>
+<p class="tip">Si vous êtes un utilisateur de <strong>Browserify</strong> et souhaitez utiliser les composants async, son créateur a malheureusement [été très clair](https://github.com/substack/node-browserify/issues/58#issuecomment-21978224) sur le fait que le chargement asynchrone n'est pas quelque-chose que Browserify supportera un jour. Officiellement du moins. La communauté Browserify a trouvé [quelques solutions de contournement](https://github.com/vuejs/vuejs.org/issues/620), qui peuvent s'avérer utiles pour les applications complexes existantes. Pour tous les autres scénarios, nous recommandons d'utiliser Webpack pour un support natif et de première classe de l'asynchrone.</p>


utiliser les composants asynchrones

webpack

MachinisteWeb · 2018-04-17T07:40:30Z

src/v2/guide/components-dynamic-async.md


-The async component factory can also return an object of the following format:
+La fabrique de composants async peut aussi retourner un objet avec le format suivant :


le composants asynchrones

MachinisteWeb · 2018-04-17T07:40:44Z

src/v2/guide/components-dynamic-async.md

-  // The component to load (should be a Promise)
-  component: import('./MyComponent.vue'),
-  // A component to use while the async component is loading
+  // Le composant à charger (doit être une Promise)


une `Promise` ou une promesse

c'est un commentaire de code, je ne vais pas ajouter de ticks

sylvainpolletvillard · 2018-04-17T21:59:50Z

J'ai fait quelques corrections, mais pas d'accord avec tous les retours, cf mes commentaires

sylvainpolletvillard · 2018-04-24T11:55:42Z

bon pour valider ?

MachinisteWeb · 2018-04-24T15:43:56Z

Bon pour moi ! p-e une relecture de plus ? Mais si ça tarde trop on pourra corriger les petites coquilles plus tard !

translate components-dynamic-async

117ce4d

sylvainpolletvillard added the Relecture nécessaire label Apr 16, 2018

sylvainpolletvillard requested review from forresst, Kocal and MachinisteWeb April 16, 2018 21:27

sylvainpolletvillard mentioned this pull request Apr 16, 2018

Retraduction de components.md #127

Merged

MachinisteWeb changed the title ~~translate components-dynamic-async~~ Traduction de components-dynamic-async Apr 17, 2018

MachinisteWeb assigned sylvainpolletvillard Apr 17, 2018

MachinisteWeb reviewed Apr 17, 2018

View reviewed changes

revue majuscules

23f0049

MachinisteWeb approved these changes Apr 18, 2018

View reviewed changes

MachinisteWeb approved these changes Apr 24, 2018

View reviewed changes

MachinisteWeb merged commit d646539 into vuejs-fr:master Apr 27, 2018

MachinisteWeb mentioned this pull request May 10, 2018

Pages en cours de traduction #3

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Traduction de `components-dynamic-async` #129

Traduction de `components-dynamic-async` #129

sylvainpolletvillard commented Apr 16, 2018

MachinisteWeb left a comment

MachinisteWeb Apr 17, 2018 •

edited

Loading

sylvainpolletvillard Apr 17, 2018

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

sylvainpolletvillard Apr 17, 2018

MachinisteWeb Apr 18, 2018

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

sylvainpolletvillard Apr 17, 2018

MachinisteWeb Apr 18, 2018 •

edited

Loading

sylvainpolletvillard Apr 18, 2018 •

edited

Loading

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

MachinisteWeb Apr 17, 2018

sylvainpolletvillard Apr 17, 2018

sylvainpolletvillard commented Apr 17, 2018

sylvainpolletvillard commented Apr 24, 2018

MachinisteWeb commented Apr 24, 2018


		## `keep-alive` with Dynamic Components
		## `keep-alive` avec les Composants Dynamiques


		The async component factory can also return an object of the following format:
		La fabrique de composants async peut aussi retourner un objet avec le format suivant :

Traduction de components-dynamic-async #129

Traduction de components-dynamic-async #129

Conversation

sylvainpolletvillard commented Apr 16, 2018

MachinisteWeb left a comment

Choose a reason for hiding this comment

MachinisteWeb Apr 17, 2018 • 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb Apr 18, 2018 • edited Loading

Choose a reason for hiding this comment

sylvainpolletvillard Apr 18, 2018 • 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

sylvainpolletvillard commented Apr 17, 2018

sylvainpolletvillard commented Apr 24, 2018

MachinisteWeb commented Apr 24, 2018

Traduction de `components-dynamic-async` #129

Traduction de `components-dynamic-async` #129

MachinisteWeb Apr 17, 2018 •

edited

Loading

MachinisteWeb Apr 18, 2018 •

edited

Loading

sylvainpolletvillard Apr 18, 2018 •

edited

Loading