Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/igeligel/vuex-feature-scoped-structure

:chart_with_upwards_trend: Feature scoped Vuex modules to have a better organization of business logic code inside Vuex modules based on Large-scale Vuex application structures @3yourmind
https://github.com/igeligel/vuex-feature-scoped-structure

blogpost container containers large-scale modules vue vue2 vuejs2 vuex

Last synced: about 6 hours ago
JSON representation

:chart_with_upwards_trend: Feature scoped Vuex modules to have a better organization of business logic code inside Vuex modules based on Large-scale Vuex application structures @3yourmind

Awesome Lists containing this project

README

        

# vuex-feature-scoped-structure by igeligel

> A Vue.js/Vuex project showcasing a complex but scalable store structure. This
> project was created in cooperation with
> [3yourmind](https://github.com/3YOURMIND).

badge of license
badge of pull request welcome
badge of hiring advertisement of 3yourmind
badge of github star

## Showcase/Architecture

A feature scoped, but still namespaced store structure. `index.vue` is the
container of the module.


diagram

structure of the store system



file structure
structure of the store system in visual studio code

## Dependencies


npm dependencies

| Dependency | Version |
| ---------- | ------- |
| vue | ^2.5.13 |
| vue-router | ^3.0.1 |
| vuex | ^3.0.1 |

## Installation

The installation process is split into two sections for
[development](#development) and [production](#production) use. You can find a
production version of this site live at
[vuex-feature-scoped-structure.netlify.com](https://vuex-feature-scoped-structure.netlify.com/).

### Development


instructions

#### Using npm

```shell
npm install
npm run dev
```

#### Using yarn

```shell
yarn install
yarn run dev
```

### Production


instructions

#### Using npm

```shell
npm install
npm run build
```

#### Using yarn

```shell
yarn install
yarn run build
```

## Examples

* [igeligel/vuex-feature-scoped-structure](https://github.com/igeligel/vuex-feature-scoped-structure)

## Contact

Twitter of Kevin Peters

## Contributors


igeligel

Contributions: 28

## License

_vuex-feature-scoped-structure_ is realeased under the
[MIT License](/License.md).