Skip to content
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

Traduction de modules.md #13

Merged
merged 4 commits into from
May 23, 2017
Merged

Traduction de modules.md #13

merged 4 commits into from
May 23, 2017

Conversation

MachinisteWeb
Copy link
Member

Et en avant pour les modules, je vois qu'il y a des pends de texte nouveau !

Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
@@ -1,8 +1,8 @@
# Modules

Due to using a single state tree, all state of our application is contained inside one big object. However, as our application grows in scale, the store can get really bloated.
Parce qu'il utilise un _single state tree_, tout le state de notre application est contenu dans un seul et même gros objet. Cependant, au fur et à mesure que notre application grandit, le store peut devenir très engorgé.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Du fait de l'utilisation d'un arbre d'état unique, tout l'état


To help with that, Vuex allows us to divide our store into **modules**. Each module can contain its own state, mutations, actions, getters, and even nested modules - it's fractal all the way down:
Pour y remédier, Vuex nous permet de diviser notre store en **modules**. Chaque module peut contenir son propre state, mutations, actions, getters, et même d'autres modules.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ses propres état, mutations, actions, accesseurs, et même contenir ses propres modules internes.

@@ -25,20 +25,20 @@ const store = new Vuex.Store({
}
})

store.state.a // -> moduleA's state
store.state.b // -> moduleB's state
store.state.a // -> le state du module A
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

l'état du moduleA
l'état du moduleB

```

### Module Local State
### State local d'un module
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

État local d'un module


Inside a module's mutations and getters, the first argument received will be **the module's local state**.
Dans les mutations et getters d'un module, le premier argument reçu sera le **state local du module**.
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

accesseurs

l'état local du module


``` js
const moduleA = {
state: { count: 0 },
mutations: {
increment (state) {
// state is the local module state
// state est le state du module local
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

state est l'état du module local

@@ -51,7 +51,7 @@ const moduleA = {
}
```

Similarly, inside module actions, `context.state` will expose the local state, and root state will be exposed as `context.rootState`:
De façon similaire, dans les actions du module, `context.state` exposera le state local, et le state racine sera disponible avec `context.rootState` :
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

l'état local, et l'état racine

@@ -66,7 +66,7 @@ const moduleA = {
}
```

Also, inside module getters, the root state will be exposed as their 3rd argument:
Également, dans les getters du module, le state racine sera exposé en troisième argument :
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

accesseurs

l'état racine

@MachinisteWeb
Copy link
Member Author

MachinisteWeb commented May 22, 2017

J'ai traduit sur le tas les partis manquante @Kocal alors je te laisse revoir ma traduction en même temps. De ton point de vu tout devrait être en ordre ligne par ligne :)

Copy link
Member

@Kocal Kocal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

C'est tout pour moi !


By default, actions, mutations and getters inside modules are still registered under the **global namespace** - this allows multiple modules to react to the same mutation/action type.
Par défaut, les actions, mutations et accesseurs à l'intérieur d'un module son toujours enregistré sous l'**espace de nom global**. Cela permet a de multiple module d'être réactif au même type de mutation et action.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

enregistrés

à de multiples modules d'être réactifs


If you want your modules to be more self-contained or reusable, you can mark it as namespaced with `namespaced: true`. When the module is registered, all of its getters, actions and mutations will be automatically namespaced based on the path the module is registered at. For example:
Si vous souhaitez que votre module soit auto-suffisant et réutilisable, vous pouvez le ranger sous un espace de nom avec `namespaced: true`. Quand le module est enregistré, tous ses accesseurs, actions et mutations seront automatiquement basé sur l'espace de nom du module dans lesquels ils sont rangés. Par exemple :
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

basés

@@ -128,22 +128,22 @@ const store = new Vuex.Store({
})
```

Namespaced getters and actions will receive localized `getters`, `dispatch` and `commit`. In other words, you can use the module assets without writing prefix in the same module. Toggling between namespaced or not does not affect the code inside the module.
Les accesseurs et actions sous espace de nom reçoivent des `getters`, `dispatch` et `commit` localisé. En d'autres termes, vous pouvez utiliser les paramètres de module sans écrire de prefix dans le même module. Permuter entre un espace de nom ou pas n'affecte pas le code à l'intérieur du module.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

localisés.

dans ce même

espace de nom ou non, n'affecte


If you want to use global state and getters, `rootState` and `rootGetters` are passed as the 3rd and 4th arguments to getter functions, and also exposed as properties on the `context` object passed to action functions.
Si vous voulez utiliser des état et accesseurs globaux, `rootState` et `rootGetters` sont passés en 3ième et 4ième arguments des fonctions accès et sont également exposés en tant que propriété de l'objet `context` passé aux fonctions d'action.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

des états

fonctions d'accès


``` js
modules: {
foo: {
namespaced: true,

getters: {
// `getters` is localized to this module's getters
// you can use rootGetters via 4th argument of getters
// Les `getters` sont localisé dans le module des accesseurs
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sont localiés

store.registerModule(['nested', 'myModule'], {
// ...
})
```

The module's state will be exposed as `store.state.myModule` and `store.state.nested.myModule`.
L'état des modules seront disponibles dans `store.state.myModule` et `store.state.nested.myModule`.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

est disponible


Sometimes we may need to create multiple instances of a module, for example:
Parfois nous devrons créer de multiples instances d'un module pour par exemple :
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

d'un module, par exemple

Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
@MachinisteWeb
Copy link
Member Author

Merci @Kocal pour ta review de review ! :) C'est ajouté !

@MachinisteWeb MachinisteWeb merged commit 26aef80 into working May 23, 2017
@MachinisteWeb MachinisteWeb deleted the modules branch May 23, 2017 09:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants