-
-
Notifications
You must be signed in to change notification settings - Fork 9.6k
Translated docs in French 🇫🇷 #391
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
Conversation
Les actions prennent en charge le même format de payload et *object-style dispatch* : | ||
|
||
``` js | ||
// dispatch with a payload |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
je pense que ça vaut la peine de traduire les commentaires aussi 😛
} | ||
``` | ||
|
||
> Il est possible pour un `store.dispatch` de déclencher plusieurs handlers d'action dans différentes modules. Dans ce genre de cas, la valeur retournée sera une Promise qui se résoud quand tous les handlers déclenchés ont été résolus. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
différents modules
@@ -0,0 +1,57 @@ | |||
# Formulaires | |||
|
|||
Lorsque l'on utilise Vuex en mode strict, il peut être compliqué d'utiliser `v-modal` sur une partie du state qui appartient à Vuex : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
c'est v-model pas v-modal
|
||
1. Les stores Vuex sont réactifs. Quand les composants Vue y récupèrent le state, ils modifieront efficacement et de façon réactive si le state du store change. | ||
|
||
2. Vous ne pouvez pas muter directement le state du store. La seule façon de modifier le state d'un store est de **commiter** explicitement des **mutations**. Cela assure que chaque etat laisse un enregistrement traçable, et permette à des outils de mieux nous aider à comprendre nos applications. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
état
@@ -0,0 +1,65 @@ | |||
# Qu'est-ce que Vuex ? | |||
|
|||
Vuex est un ***state management pattern* + bibliothèque** pour applications Vue.js. Il sert de store centralisé pour tous les composants dans une application, avec des règles pour s'assurer que l'état ne peut subir des mutations que d'une manière prévisible. Il s'intègre également avec [l'extension officielle](https://github.com/vuejs/vue-devtools) de Vue afin de fournir des fonctionnalités avancées comme voir l'état dans le temps et débugger sans configuration, ainsi que de prendre des instantanés, importer et exporter l'état. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Des étoiles en trop 😄
**state management pattern + bibliothèque**
que l'état ne puisse subir
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pour les étoiles en trop, j'ai mis state management pattern en italique car je ne l'ai pas traduit. Après, si tu estimes qu'il faut le laisser tel quel, je vais modifier ça 😄
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Aaah, c'est donc ça. Ça marche aussi avec _state management_
non ? Si ça marche, ça sera plus clair
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
En effet, ça marche avec les underscore. C'est plus clair c'est vrai.
|
||
De plus, en définissant et en séparant les concepts impliqués dans la gestion d'un state et en appliquant certaines règles, on donne aussi une structure et une maintenabilité à notre code. | ||
|
||
Voilà l'idée de base derrière Vuex, inspiré par [Flux](https://facebook.github.io/flux/docs/overview.html), [Redux](http://redux.js.org/) et [l'Architecture Elm](https://guide.elm-lang.org/architecture/). À l'inverse des autres patterns, Vuex est aussi une bibliothèque d'implémentation conçue spécialement pour Vue.js afin de bénéficier de son système de réactivité granuleux pour des modifications efficaces. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
c'est pas plutôt granulaire ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sûrement... J'avais le choix entre les deux, j'ai pris le mauvais 😃
Merci pour la PR! Je n'ai pas encore pu regarder la totalité des fichiers. J'ai fais à peu près la moitié. |
Merci d'avoir pris le temps de regarder ! Je vais corriger les quelques erreurs relevées, et faire une nouvelle relecture. |
@darenju J'avais complètement oublié de cette trad. Je reprends la review edit: je me suis arrété juste avant le fichiers sur les plugins. Je vais continuer ce soir 😄 |
@@ -0,0 +1,65 @@ | |||
# Qu'est-ce que Vuex ? | |||
|
|||
Vuex est un **_state management pattern_ + bibliothèque** pour applications Vue.js. Il sert de store centralisé pour tous les composants dans une application, avec des règles pour s'assurer que l'état ne peut subir des mutations que d'une manière prévisible. Il s'intègre également avec [l'extension officielle](https://github.com/vuejs/vue-devtools) de Vue afin de fournir des fonctionnalités avancées comme voir l'état dans le temps et débugger sans configuration, ainsi que de prendre des instantanés, importer et exporter l'état. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
plutôt une
bibliothèque
pour des application Vue.js
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
J'ai fini la review.
Encore une fois, merci beaucoup 🙂
}) | ||
``` | ||
|
||
### commiter des mutations dans des plugins |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Commiter (la majuscule a sauté)
|
||
Les plugins ne sont pas autorisés à muter directement le state — tout comme vos composants, ils peuvent simplement déclencher des changements en committant des mutations. | ||
|
||
En committang des mutations, un plugin peut être utilisé pour synchroniser la source de données avec le store. Par exemple, pour synchroniser la source de données d'un websocket vers le store (c'est juste un exemple artificiel, en réalité la fonction `createPlugin` peut prendre des options additionnelles pour des tâches plus complexes) : |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
committang?
je pense que commitant serait plus approprié
|
||
### Les composants peuvent toujours avec un state local | ||
|
||
Utiliser Vuex ne signifie pas que vous devez mettre **tout** votre state dans Vuex. Bien que le fait de mettre plus de state dans Vuex rende vos mutations de state plus explicites et plus debuggable, parfois il peut aussi rendre le code plus verbeux et indirect. Si une partie de state appartient directement à un seul composant, il est parfaitement sain de la laisser dans le state local. Vous devriez peser le pour et le contre et prendre les décisions qui correspondent au besoin de développement de votre application. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
debuggables
Pour la dernière phrase, la traduction est un peu trop litérale. Je propose qqchose comme cela:
Assurez vous de prendre en compte les avantages et inconvénients d'une telle décision afin de vous adaptez le mieux aux besoins de votre application.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oui, ta traduction est plus appropriée, plus français. Je corrige.
|
||
### Développement vs. Production | ||
|
||
**N'activez pas le mode strict lorsque vous déployez en production !** Le mode strict lance une profonde observation de state tree pour détecter des mutations inappropriées — assurrez-vous de l'avoir désactivé en production pour éviter un coût sur les performances. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
plutôt observation profonde non?
Ou observation recursive
Les dernières modifications ont été apportées ! |
@ktsn Review complete ✅ |
@darenju @posva |
Thank you for merging! 😃 |
As mentioned in issue #388, I have translated the documentation in french. There might probably be some mistakes or grammar parts that could be translated otherwise.
I will keep re-reading to find those.