A VueX alternative : declarative + reactive + centralized way to structure your data store. Inspired by VueX and Vue.js . Compatible with vue-devtools.

Stars: ✭ 27 (-10%)

Mutual labels: state-management, store

vesselize

⛵ A JavaScript IoC container that works seamlessly with Vue.js and React.

Stars: ✭ 22 (-26.67%)

Mutual labels: vue-composition-api, composition-api

v-drag

The simplest way to integrate dragging on Vue.js

Stars: ✭ 71 (+136.67%)

Mutual labels: vue2, vue3

veact

Mutable state enhancer library for React based on @vuejs

Stars: ✭ 62 (+106.67%)

Mutual labels: vue-composition-api, composition-api

okito

Your best flutter coding friend. All in one; state management, navigation management(with dynamic routing), local storage, localization, dependency injection, cool extensions with best usages and with the support of best utilities!

Stars: ✭ 37 (+23.33%)

Mutual labels: state-management, store

vue-next-rx

RxJS integration for Vue next

Stars: ✭ 31 (+3.33%)

Mutual labels: vue3, composition-api

g2plot-vue

g2plot for vue, both 2 and 3

Stars: ✭ 106 (+253.33%)

Mutual labels: vue2, vue3

View All Similar Projects ➔

vue-unstated

A tiny state management library for Vue Composition API based on unstated-next which is for React.

🏇 Demo

🔌 Installation

$ npm install --save vue-unstated

$ yarn add vue-unstated

🏄 Usage

use/counter.js

import { reactive } from '@vue/composition-api' // Vue 2 with @vue/composition-api
import { reactive } from 'vue' // or Vue 3
import { createContainer } from 'vue-unstated'

const useCounter = (initialState = { count: 0 }) => {
  const state = reactive(initialState)

  const increment = () => {
    state.count++
  }

  return { state, increment }
}

export const counterContainer = createContainer(useCounter)

Parent.vue

<script>
import { counterContainer } from 'use/counter'
import Child from 'Child.vue'

export default {
  components: { Child },
  setup() {
    // You can share same state in its child nodes!!
    const { state, increment } = counterContainer.provide()

    return {
      count: state.count,
      increment,
    }
  }
}
</script>

Child.vue

<script>
import { counterContainer } from 'use/counter'

export default {
  setup() {
    // You can use same state with Parent.vue!!
    const { state, increment } = counterContainer.useContainer()

    return {
      count: state.count,
      increment,
    }
  }
}
</script>

🏁 LICENSE

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

resessh / vue-unstated

Programming Languages

Labels

Projects that are alternatives of or similar to vue-unstated

vue-unstated

🏇 Demo

🔌 Installation

🏄 Usage

🏁 LICENSE