vuex-module-decorators
vuex-module-decorators | vuexok | |
---|---|---|
5 | 1 | |
1,800 | 25 | |
- | - | |
0.0 | 1.4 | |
9 months ago | about 1 year ago | |
TypeScript | TypeScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vuex-module-decorators
-
How to unit test Vuex modules defined with the vuex-module-decorators syntax in Nuxt, using vue-test-utils and Jest?
The most important thing to realise is that the vuex-module-decorators class-based model behaves just like a vue-class-component under the hood.
-
For anyone using Typescript with Vue 2 & 3, I've released a new version of my Vuex library that provides fully typed hooks of your module with less code. Tell me what you think of it!
This is my current favorite way to use TS+Vuex. It just clicks so much more in my head to do things like:
-
Is it ready already?
vuex-module-decorators: This one, I just realized, I use a little differently than I think is expected. Here is an example from their docs of what you can write and what it is equivalent to in "raw vuex":
-
Why would anyone not use Vuex?
If you're on Vue 2 I'd recommend this NPM https://github.com/championswimmer/vuex-module-decorators
-
How do you name your actions vs. mutations in Vuex to avoid confusion?
Using https://github.com/championswimmer/vuex-module-decorators. Every module is 'dynamic' so you don't have to predefine your entire store in an object. here is a small example:
vuexok
-
Best Store Option for Vue3 with Typescript
I then found several small community projects (1 2 3) which look like they perform that boilerplate for you and... not much else. They also require their own additional npm import, which isn't ideal.
What are some alternatives?
vuex-class - Binding helpers for Vuex and vue-class-component
typesafe-vuex - A simple way to get static typing, static code analysis and intellisense with Vuex library - maintained fork of vuex-typescript
vuex-smart-module - Type safe Vuex module with powerful module features
diffx - A state management library for React, Vue.js, Svelte, Angular and vanilla javascript
vue-property-decorator - Vue.js and Property Decorator
harlem - Powerfully simple global state management for Vue 3
vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
pinia - 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
typed-vuex - 🏦 A typed store accessor for vanilla Vuex.
direct-vuex - Use and implement your Vuex store with TypeScript types. Compatible with the Vue 3 composition API.
effector-react - Business logic with ease ☄️