vuex VS pinia

Compare vuex vs pinia and see what are their differences.

vuex

πŸ—ƒοΈ Centralized State Management for Vue.js. (by vuejs)

pinia

🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support (by vuejs)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
vuex pinia
85 33
28,353 12,273
0.1% 1.7%
1.7 9.2
16 days ago 14 days ago
JavaScript TypeScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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

Posts with mentions or reviews of vuex. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-07.
  • How to Protect State in Pinia
    2 projects | dev.to | 7 Apr 2024
    Pinia is a relatively new state management tool for the Vue ecosystem. It is the new preferred state management tool recommended by the Vue core team replacing Vuex. Compared to Vuex, Pinia is type-safe by default (direct-vuex was needed to make Vuex type-safe), extremely lightweight, and modular by design (meaning you can create multiple stores instead of multiple modules inside one store, which optimises performance). Similar to Vuex, Pinia has state, computed properties (getters) and methods (mutations and actions). Read more about Pinia and its usage to understand the similarities and differences between Pinia and Vuex.
  • React or Vue, which JS framework is best?
    2 projects | dev.to | 2 Mar 2024
    Vue.js also offers built-in features like animation and state management through Vuex which serve a wide range of development needs.
  • Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2
    7 projects | /r/vuejs | 2 Jun 2023
    I really liked the idea of how all the core Vue libraries are maintained by Vue team themselves, making Vue feels like an all-in-one package instead of infinite npm install to add multiple community/personally maintained repos which often caused issues because they don't blend together. And now Pinia will be officially replacing Vuex, making me doubt if it'll be as reliable as Vuex.
  • Why and how to create an Event Bus in Vuejs 3
    2 projects | dev.to | 15 Feb 2023
    Vuex is a state management library. At first glance it seems complicated, and in fact it is a bit. You can use Vuex to store data that should be used globally in your app. Vuex provides you with a solid API to apply changes to this data and reflect them in all child components that use Vuex data store.
  • Vuex: taking user input, adding and removing it from state
    2 projects | dev.to | 1 Jan 2023
    I encourage you to also go through Vuex's official documentation: https://vuex.vuejs.org/
  • In One Minute : Vue.js
    5 projects | dev.to | 10 Nov 2022
    What makes Vue particularly powerful, however, is that it can be built upon, increasing its functionality from a simple view-model library to that of a fully fledged JavaScript framework capable of powering entire SPA's via supporting plugins and libraries such as Vue Router, Vue Resource, and Vuex.
  • How to Get Started with Pinia in Vue
    3 projects | dev.to | 19 Sep 2022
    Comparison, such as Pinia against Vuex, shows that Vuex, the previously recommended library, still has a higher download rate than Pinia. However, even the Vuex official documentation advises developers to opt-in for Pinia, since it is unlikely that Vuex will receive any additional functionalities.
  • Reviewing 2021 and predicting 2022
    6 projects | dev.to | 12 Sep 2022
    Vuex a state management pattern + library for Vue.js release 4.0 - https://github.com/vuejs/vuex/releases/tag/v4.0.0
  • The new wave of React state management
    23 projects | news.ycombinator.com | 2 Jul 2022
    > poor support for style libraries like tailwind

    Can't relate. Tailwind works fine with anything that supports PostCSS. I run it with Vite and there's zero issues.

    > the state management ecosystem is fractured between vuex and pinia

    This is also just not true. Pinia is officially replacing Vuex as the recommended store library for Vue [1]. They're also vastly similar in how they do things, so the knowledge transfer over from Vuex to Pinia. And Pinia just address most of the design goals mentioned in the article in the most simple way.

    As for Vue 2 -> 3 transition, lots of the larger UI frameworks in the ecosystem is struggling to migrate, despite lots of efforts on the compat layer to smooth the transition, which is a bummer. But as long as you're not doing those sophisticated things, Vue 2 examples should work out-of-box on Vue 3 as well. There are surely less resources for the composition API, but the official introduction guide has been good enough in my experience.

    [1]: https://vuex.vuejs.org/#what-is-vuex

  • Introduction to the VueJs Framework
    7 projects | dev.to | 21 Jun 2022
    Vue has a wide range of use cases that span the whole scale of front-end development. We can use it to add a bit of dynamism into an existing web app, such as adding a simple carousel or content that changes on user interaction e.g mouse movements or text input to creating complex web apps such as e-commerce stores with multiple categories and product pages supporting routing, browser-based data storage via Vue's own libraries such as the vue-router and vuex with features such as a cart, external API call requests and so forth.

pinia

Posts with mentions or reviews of pinia. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-29.

What are some alternatives?

When comparing vuex and pinia you can also consider the following projects:

effector-react - Business logic with ease β˜„οΈ

vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.

composition-api - Composition API plugin for Vue 2

harlem - Powerfully simple global state management for Vue 3

unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup

vite - Next generation frontend tooling. It's fast!

vue-demi - 🎩 Creates Universal Library for Vue 2 & 3

vuex-multi-tab-state - πŸ’ΎπŸ”—πŸ–₯️ Share, synchronize and persist state between multiple tabs with this plugin for Vuex. TypeScript types included.

vue-timer-hook - Vue timer hook is a custom hook, built to handle timer, stopwatch, and time logic/state in your vue 3 component.

vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3

ao-loot-logger-viewer - AO Loot Logger Viewer

vee-validate - βœ… Painless Vue forms