Traduction de `routing.md` #4

Kocal · 2017-05-05T18:44:55Z

Comme dit sur le gitter, je rajoute le fichier routing.md que j'avais déjà traduit il y a quelque temps.
J'en ai aussi profité pour corriger quelques erreurs de traduction ou alors de tournure de phrase.

De plus, il y a quelques traductions de termes pour lesquelles je bloque, ou alors que je ne suis pas satisfait (comme @haeresis l'a aussi dit sur gitter, on ferra sûrement une issue pour recueillir et décider de la traduction de termes particuliers) :

resolve => résoudre, est-ce qu'on laisse resolve ?
bundle => bundle, est-ce qu'on utilise paquet ?
as a first-class concept => concept de first-class
~~lazy-loading part => parties lazy-loadées~~
~~route hooks => connecteurs de routes~~

vuejs-fr/v2.vuejs.org#4

MachinisteWeb · 2017-05-06T06:29:46Z

Pour resolve je garderais résoudre et rejeté (comme sylvain). Pour moi les deux idées peuvent co-exister à savoir que si la promesse est « résolue » elle est tenue.

MachinisteWeb · 2017-05-06T06:31:24Z

Pour bundle on peut garder bundle ou mettre paquet aussi. Mais autant empaqueter est très clair pour dire qu'on a fait un bundle, autant « paquet » peut toujours être mal interprété comme « chunck » (que nous ne traduisons par « fragment » dans Vue).

MachinisteWeb · 2017-05-06T06:33:22Z

Concept de première classe est tout a fait correct.

Que tu gardes first-class ou première classe ça n'avancera pas plus celui qui ne connaît pas le terme donc tu peux le traduire d'autant que la traduction existe. Si tu veux tu peux toujours laisser (first-class) juste après.

MachinisteWeb

Good job !!

Quelques modifications proposées, je te laisse voir ça.

MachinisteWeb · 2017-05-06T07:04:48Z

en/SUMMARY.md

@@ -1,7 +1,7 @@
 - [Utilisation de base](basic.md)
 - [Écrire du code universel (En)](universal.md)
 - [Structure de code (En)](structure.md)
- [Routage et fragmentation (En)](routing.md)
+- [Routage et fragmentation](routing.md)


Je viens de voir que nous avions utilisé : « scission de code » pour code-splitting. Je pense que c'est bien mieux.

Fixé dans c55d5d4.

MachinisteWeb · 2017-05-06T07:06:05Z

en/routing.md

@@ -1,10 +1,10 @@
-# Routage et fragmentation (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-ssr-docs).*
+# Routage et fragmentation


Routage et scission de code

Fixé dans c55d5d4.

MachinisteWeb · 2017-05-06T07:16:00Z

en/routing.md


-You may have noticed that our server code uses a `*` handler which accepts arbitrary URLs. This allows us to pass the visited URL into our Vue app, and reuse the same routing config for both client and server!
+Vous avez sans doute remarqué que notre code serveur utilise le handler `*` qui accepte n'importe quelle URL. Cela nous permet de ré-utiliser la même configuration des routes pour le client et le serveur !


Je propose de traduire handler par motif (ou par symbole : http://www.expreg.com/symbole.php)

notre code serveur utilise le motif * qui représente n'importe quelle URL.

Le plus juste serait « symbole » car « * » est un symbole mais les symboles servent a créer des motifs et un symbole seul peut être un motif. Après le « * » des expressions de route n'est pas exactement le même que le « * » des expressions régulière.

Ça se tiens ?

Je pense que motif est une bonne traduction pour handler.
Est-ce que je modifie la traduction tout de suite ou on attend 2/3 avis ?

On va attendre de voir ce qu'en pense @sylvainpolletvillard.

Une traduction plus littérale serait "gestionnaire", mais dans ce contexte "motif" ou "caractère spécial" est plus clair.

MachinisteWeb · 2017-05-06T07:27:28Z

en/routing.md

  const router = createRouter()

  const app = new Vue({
-    // inject router into root Vue instance
+    // injection du routeur dans l'instance de Vue


injecte le routeur dans l'instance de Vue

car tu utilises crée et retourne sinon tu aurais mis « création » et « retour ».

Fixé dans b95edcd.

MachinisteWeb · 2017-05-06T07:31:15Z

en/routing.md

-  // since there could potentially be asynchronous route hooks or components,
-  // we will be returning a Promise so that the server can wait until
-  // everything is ready before rendering.
+  // vu qu'il peut potentiellement avoir des composants ou des hooks


Pour ma part j'ai mis « point d'ancrage (hook) » dans les deux fichiers README.md et basic.md traductions. On a garder « hook » dans la traduction initiale de Vue mais je trouve pas que ce terme soit connu aussi bien en français que ne pourrait l'être « streaming » par exemple. Aussi j'envisagerai bien de répercuter ce terme partout à l'avenir.

Qu'en penses tu ?

Ok. @sylvainpolletvillard était déjà de cet avis. J'ai mis hook aussi de mon côté.

En cas de doute, mettre les deux est toujours une bonne idée. Le terme d'origine en premier et la traduction entre parenthèses derrière, comme ça on peut réutiliser le terme dans la suite du document sans avoir à le réexpliquer.

Donc finalement est-ce qu'on garde hook ? vuejs-fr/v2.vuejs.org#4 (comment)

oui mais si tu trouves que ce n'est pas assez clair, tu peux ajouter (point d'ancrage) derrière. Mieux vaut en dire trop que pas assez.

MachinisteWeb · 2017-05-06T07:43:11Z

en/routing.md

@@ -102,23 +105,23 @@ server.get('*', (req, res) => {
 })


Page non trouvée

Erreur interne du serveur

Fixé dans eaf52d1.

MachinisteWeb · 2017-05-06T07:43:28Z

en/routing.md

@@ -102,23 +105,23 @@ server.get('*', (req, res) => {
 })
 ```

-## Code-Splitting
+## Fragmentation du code


Scission de code

Fixé dans c55d5d4.

MachinisteWeb · 2017-05-06T07:43:37Z

en/routing.md


-Code-splitting, or lazy-loading part of your app, helps reducing the amount of assets that need to be downloaded by the browser for the initial render, and can greatly improve TTI (time-to-interactive) for apps with large bundles. The key is "loading just what is needed" for the initial screen.
+La fragmentation du code, ou les parties chargées à la volée de votre application, aide à réduire la quantité de ressources qui a besoin d'être téléchargée par le navigateur pour le rendu initial, et peut grandement améliorer le TTI (time-to-interactive) pour les grosses applications. Le but est de "charger uniquement ce qui est nécessaire" pour l'écran initial.


La scission du code

Le but est de « charger uniquement ce qui est nécessaire »

Avec les guillemets français.

Fixé dans c55d5d4 et dans 6ef2962.

MachinisteWeb · 2017-05-06T07:45:33Z

en/routing.md


-Vue provides async components as a first-class concept, combining it with [webpack 2's support for using dynamic import as a code-split point](https://webpack.js.org/guides/code-splitting-async/), all you need to do is:
+Vue permet de créer des composants asynchrones en respectant le concept d'[objet de première classe](https://fr.wikipedia.org/wiki/Objet_de_premi%C3%A8re_classe). En les combinant avec [le support de webpack 2 pour l'utilisation de l'importation dynamique pour fragmenter le code](https://webpack.js.org/guides/code-splitting-async/), tout ce que vous avez à faire est :


pour scinder le code

(on va réserver le terme fragment et fragmenter pour les « chunk »)

Fixé dans c55d5d4.

MachinisteWeb · 2017-05-06T07:47:19Z

en/routing.md

 const Foo = () => import('./Foo.vue')
 ```

-This would work under any scenario if you are building a pure client-side Vue app. However, there are some limitations when using this in SSR. First, you need to resolve all the async components upfront on the server before starting the render, because otherwise you will just get an empty placeholder in the markup. On the client, you also need to do this before starting the hydration, otherwise the client will run into content mismatch errors.
+Cela fonctionnera dans n'importe quel scénario si vous êtes en train de faire une application Vue uniquement pour le côté client. Toutefois, il y aura certaines limitations en l'utilisant dans du SSR. Premièrement, il faut résoudre tous les composants asynchrones à l'avance sur le serveur avant de faire le rendu, car sinon il y aura juste un emplacement vide dans le code HTML. Pour le côté client, il faut aussi faire cela avant de commencer l'hydratation des données, sinon il y aurait des erreurs d'incompatibilités sur le contenu.


en l'utilisant avec du SSR

« dans » donne l'impression que le SSR est une chose alors que c'est plutôt un concept

Fixé dans eaf52d1.

Kocal · 2017-05-06T09:40:37Z

Je viens d'apporter des modifications par rapport à tes reviews.
Il y a cependant la traduction de hook qui reste en suspend.

MachinisteWeb · 2017-05-08T14:03:43Z

Pour moi dans l'état actuel c'est bon, on ferra des PRs pour les fautes d'ortho plus tard quand on aura plus de traducteur sur le projet.

On peut merger je pense

Traduction de routing.md

a19ee02

Kocal added Info Relecture nécessaire and removed Info labels May 5, 2017

MachinisteWeb mentioned this pull request May 5, 2017

Pages en cours de traduction #2

Open

Kocal added 2 commits May 6, 2017 00:04

Fix routing.md en respectant "Libertés de traduction et anglicismes"

366ba07

vuejs-fr/v2.vuejs.org#4

Changement du titre pour routing.md

5c18ba7

Kocal mentioned this pull request May 5, 2017

Libertés de traduction et anglicismes vuejs-fr/v2.vuejs.org#4

Open

MachinisteWeb assigned MachinisteWeb and Kocal and unassigned MachinisteWeb May 6, 2017

MachinisteWeb self-requested a review May 6, 2017 07:12

Traduction "first-class object" et "resolve"

2f9380e

MachinisteWeb requested changes May 6, 2017

View reviewed changes

Kocal added 4 commits May 6, 2017 10:35

fix "fragmentation" to "scission du code"

c55d5d4

Fix english double quotes for french ones

6ef2962

Fix "Promise", "avec du SSR", messages d'erreurs, virgule

eaf52d1

Fix "injection ..."

b95edcd

MachinisteWeb approved these changes May 6, 2017

View reviewed changes

MachinisteWeb requested review from sylvainpolletvillard and removed request for sylvainpolletvillard May 6, 2017 12:42

MachinisteWeb merged commit ec8be98 into vuejs-fr:working May 8, 2017

Kocal deleted the routing.md branch May 23, 2017 18:20

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Traduction de `routing.md` #4

Traduction de `routing.md` #4

Kocal commented May 5, 2017 •

edited

Loading

MachinisteWeb commented May 6, 2017

MachinisteWeb commented May 6, 2017

MachinisteWeb commented May 6, 2017

MachinisteWeb left a comment

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

sylvainpolletvillard May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017 •

edited

Loading

MachinisteWeb May 6, 2017

sylvainpolletvillard May 6, 2017

Kocal May 7, 2017

sylvainpolletvillard May 7, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

MachinisteWeb May 6, 2017

Kocal May 6, 2017

Kocal commented May 6, 2017

MachinisteWeb commented May 8, 2017 •

edited

Loading

		@@ -1,10 +1,10 @@
		# Routage et fragmentation (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-ssr-docs).
		# Routage et fragmentation


		You may have noticed that our server code uses a `*` handler which accepts arbitrary URLs. This allows us to pass the visited URL into our Vue app, and reuse the same routing config for both client and server!
		Vous avez sans doute remarqué que notre code serveur utilise le handler `*` qui accepte n'importe quelle URL. Cela nous permet de ré-utiliser la même configuration des routes pour le client et le serveur !


		Code-splitting, or lazy-loading part of your app, helps reducing the amount of assets that need to be downloaded by the browser for the initial render, and can greatly improve TTI (time-to-interactive) for apps with large bundles. The key is "loading just what is needed" for the initial screen.
		La fragmentation du code, ou les parties chargées à la volée de votre application, aide à réduire la quantité de ressources qui a besoin d'être téléchargée par le navigateur pour le rendu initial, et peut grandement améliorer le TTI (time-to-interactive) pour les grosses applications. Le but est de "charger uniquement ce qui est nécessaire" pour l'écran initial.


		Vue provides async components as a first-class concept, combining it with [webpack 2's support for using dynamic import as a code-split point](https://webpack.js.org/guides/code-splitting-async/), all you need to do is:
		Vue permet de créer des composants asynchrones en respectant le concept d'[objet de première classe](https://fr.wikipedia.org/wiki/Objet_de_premi%C3%A8re_classe). En les combinant avec [le support de webpack 2 pour l'utilisation de l'importation dynamique pour fragmenter le code](https://webpack.js.org/guides/code-splitting-async/), tout ce que vous avez à faire est :

Traduction de routing.md #4

Traduction de routing.md #4

Conversation

Kocal commented May 5, 2017 • edited Loading

MachinisteWeb commented May 6, 2017

MachinisteWeb commented May 6, 2017

MachinisteWeb commented May 6, 2017

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

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 May 6, 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

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 commented May 6, 2017

MachinisteWeb commented May 8, 2017 • edited Loading

Traduction de `routing.md` #4

Traduction de `routing.md` #4

Kocal commented May 5, 2017 •

edited

Loading

MachinisteWeb May 6, 2017 •

edited

Loading

MachinisteWeb commented May 8, 2017 •

edited

Loading