-
Notifications
You must be signed in to change notification settings - Fork 1
Traduction de getting-strated.md
#6
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
Signed-off-by: Bruno Lesieur <[email protected]>
Signed-off-by: Bruno Lesieur <[email protected]>
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.
On a quoi de top pour traduire « store » en gardant sens global et en un mot ?
On garde Store pour la suite ?
docs/en/getting-started.md
Outdated
@@ -1,16 +1,16 @@ | |||
# Getting Started | |||
# Débuter |
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 commencer
Cohérence avec autres documentations Vue
docs/en/getting-started.md
Outdated
|
||
At the center of every Vuex application is the **store**. A "store" is basically a container that holds your application **state**. There are two things that make a Vuex store different from a plain global object: | ||
Au cœur de chaque application Vuex, il y a le **store**. Un "store" est tout simplement un conteneur avec le **state** de votre application. Il y a deux choses qui différencient un store Vuex d'un simple objet global : |
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.
la zone de stockage (« store »). Un « store »
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.
Un « store » est tout simplement un conteneur de l'état de votre application.
docs/en/getting-started.md
Outdated
|
||
1. Vuex stores are reactive. When Vue components retrieve state from it, they will reactively and efficiently update if the store's state changes. | ||
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. |
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.
récupèrent l'état
l'état du store
docs/en/getting-started.md
Outdated
|
||
2. You cannot directly mutate the store's state. The only way to change a store's state is by explicitly **committing mutations**. This ensures every state change leaves a track-able record, and enables tooling that helps us better understand our applications. | ||
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 état 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.
l'état du store
d'acter explicitement des mutations.
modifier l'état d'un store
traçable, et permet
nous aider à mieux appréhender 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.
Pour ta dernière proposition, que penses-tu de :
nous aider à mieux comprendre le fonctionnement de 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.
Oui c'est bien aussi.
docs/en/getting-started.md
Outdated
|
||
After [installing](installation.md) Vuex, let's create a store. It is pretty straightforward - just provide an initial state object, and some mutations: | ||
Après [avoir installé](installation.md) Vuex, nous allons créer un store. C'est assez simple — définissez juste un objet state initial et quelques mutations : |
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.
; à la place de —
un objet d'état initial
docs/en/getting-started.md
Outdated
@@ -27,18 +27,18 @@ const store = new Vuex.Store({ | |||
}) | |||
``` | |||
|
|||
Now, you can access the state object as `store.state`, and trigger a state change with the `store.commit` method: | |||
Maintenant, vous pouvez accéder à l'objet state avec `store.state`, et déclencher un changement de state avec la méthode `store.commit` : |
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.
à l'objet d'état
changement d'état
docs/en/getting-started.md
Outdated
|
||
``` js | ||
store.commit('increment') | ||
|
||
console.log(store.state.count) // -> 1 | ||
``` | ||
|
||
Again, the reason we are committing a mutation instead of changing `store.state.count` directly, is because we want to explicitly track it. This simple convention makes your intention more explicit, so that you can reason about state changes in your app better when reading the code. In addition, this gives us the opportunity to implement tools that can log every mutation, take state snapshots, or even perform time travel debugging. | ||
Encore une fois, la raison pour laquelle nous committons une mutation au lieu de modifier `store.state.count` directement, c'est parce que nous voulons le tracer explicitement. Cette simple convention rend votre intention plus explicite, ainsi vous pouvez raisonner plus facilement les changements de state en lisant votre code. De plus, cela nous donne l'opportunité d'implémenter des outils qui peuvent enregistrer chaque mutation, prendre des instantanés du state, ou même procéder à du debugging dans le temps. |
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.
la raison pour laquelle nous actons
les changements d'état
instantanés de l'état
procéder à de la visualisation d'état dans le temps
docs/en/getting-started.md
Outdated
|
||
Using store state in a component simply involves returning the state within a computed property, because the store state is reactive. Triggering changes simply means committing mutations in component methods. | ||
Utiliser le state du store dans un composant implique simplement de retourner le state dans une *computed property*, car le state du store est réactif. Déclencher des changements signifie simplement commiter des mutations dans les méthodes du composant. |
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.
l'état du store
retourner l'état dans une propriété calculée, car l'état du store
signifie simplement acter des mutations
docs/en/getting-started.md
Outdated
|
||
Here's an example of the [most basic Vuex counter app](https://jsfiddle.net/n9jmu5v7/341/). | ||
Voici un exemple de la [plus basique app Vuex de compteur](https://jsfiddle.net/n9jmu5v7/341/). |
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.
l'application Vuex de comptage la plus basic
docs/en/getting-started.md
Outdated
|
||
Next, we will discuss each core concept in much finer details, starting with [State](state.md). | ||
Ensuite, nous allons examiner chaque concept de base plus en détails, et commençons avec le [State](state.md). |
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 commençant par l'état
@Kocal, rien d'autre à signaler ? |
@haeresis J'ai pas pu regarder la PR, je suis actuellement au taf là, donc je ne pourrai faire qu'une review ce soir si ça ne te dérange pas. |
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.
Bon, un peu de retard pour ma review, mais il n'y avait pas grand chose à dire après la review de @haeresis. ^^
Merci pour la PR !
docs/en/getting-started.md
Outdated
|
||
At the center of every Vuex application is the **store**. A "store" is basically a container that holds your application **state**. There are two things that make a Vuex store different from a plain global object: | ||
Au cœur de chaque application Vuex, il y a le **store**. Un "store" est tout simplement un conteneur avec le **state** de votre application. Il y a deux choses qui différencient un store Vuex d'un simple objet global : |
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.
Un « store » est tout simplement un conteneur de l'état de votre application.
Signed-off-by: Bruno Lesieur <[email protected]>
Revue de la traduction de @darenju pour le fichier
getting-strated.md