Skip to content

Commit c11e884

Browse files
Merge pull request #10 from vuejs-fr/structure
Traduction de `structure.md`
2 parents fb8f0c4 + 30816d5 commit c11e884

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

docs/en/structure.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
# Application Structure
1+
# Structure d'une application
22

3-
Vuex doesn't really restrict how you structure your code. Rather, it enforces a set of high-level principles:
3+
Vuex ne vous restreint pas quand à la structure de code à utiliser. Il impose plutôt de respecter des principes de haut niveau :
44

5-
1. Application-level state is centralized in the store.
5+
1. L'état de l'application est centralisé dans le store.
66

7-
2. The only way to mutate the state is by committing **mutations**, which are synchronous transactions.
7+
2. La seule façon de muter l'état est d'acter des **mutations**, qui sont des transactions synchrones.
88

9-
3. Asynchronous logic should be encapsulated in, and can be composed with **actions**.
9+
3. La logique asynchrone doit être composée et encapsulée dans des **actions**.
1010

11-
As long as you follow these rules, it's up to you how to structure your project. If your store file gets too big, simply start splitting the actions, mutations and getters into separate files.
11+
Tant que vous suivez ces règles, c'est à vous de structurer votre projet. Si votre fichier de store devient trop gros, commencez dès lors à séparer les actions, mutations et accesseurs dans des fichiers séparés.
1212

13-
For any non-trivial app, we will likely need to leverage modules. Here's an example project structure:
13+
Pour une application non-triviale, nous aurons probablement besoin de faire appel à des modules. Voici un exemple de structure de projet :
1414

1515
``` bash
1616
├── index.html
1717
├── main.js
1818
├── api
19-
│   └── ... # abstractions for making API requests
19+
│   └── ... # abstraction pour faire des requêtes par API
2020
├── components
2121
│   ├── App.vue
2222
│   └── ...
2323
└── store
24-
├── index.js # where we assemble modules and export the store
25-
├── actions.js # root actions
26-
├── mutations.js # root mutations
24+
├── index.js # là où l'on assemble nos modules et exportons le store
25+
├── actions.js # actions racine
26+
├── mutations.js # mutations racine
2727
└── modules
28-
   ├── cart.js # cart module
29-
   └── products.js # products module
28+
   ├── cart.js # module de panier
29+
   └── products.js # module de produit
3030
```
3131

32-
As a reference, check out the [Shopping Cart Example](https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart).
32+
Vous pouvez jeter à un œil à l'[exemple de panier d'achat](https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart).

0 commit comments

Comments
 (0)