Pinia vs Vuex

Cuando tenemos muchos componentes y estos componentes comparten un estado en común, como en este caso el carrito de compras, se recomienda usar un framework para gestionar el estado de nuestro proyecto. Pinia es una alternativa de ello. Pinia es un “state management framework” para Vue.js. Si ya has trabajado antes con Vue.js, es muy probable que hayas escuchado de Vuex. Vuex también es una biblioteca de Vue.js para gestionar el estado. Tanto Vuex como Pinia nos permiten gestionar el estado de nuestro proyecto. Ambos son “store libraries”, o sea, bibliotecas que nos permiten definir stores. En breve vamos a ver qué es un store. Básicamente es un concepto que nos permite gestionar de mejor manera el estado de nuestro proyecto. Cuando este estado es compartido por muchos componentes, antes de entrar en detalle, es importante que sepas que anteriormente Vuex es lo que se usaba por defecto. Puedes usar tanto Vuex como Pinia. Anteriormente solo existía Vuex. Sin embargo, ahora Pinia es lo que se usa por defecto. Como aquí nos dice la Biblioteca oficial de Vue para gestionar el estado de un proyecto ahora es Pinia. Aquí nos dice que Pinia tiene casi el mismo comportamiento que Vuex 5, como Pinia ahora es lo que se recomienda usar en este curso no vamos a usar Vuex, sino que vamos a usar Pinia. Sin embargo, debes tener en cuenta que ambos son estos store libraries, así que si en el futuro postulas a un trabajo en el que se pide usar Vuex, no te preocupes. Si aprendes Pinia y entiendes los conceptos en Pinia, no tendrás ningún problema en usar Vuex para algún proyecto. Es más, luego podrías encargarte de hacer una migración desde Vuex a Pinia, que es el framework oficial recomendado por Vue. Entonces es importante que sepas que ambos son equivalentes. Si tú dominas uno, no tendrás problemas con el otro. Como ya comenté en el curso, usaremos Pinia, dado que es el framework oficial recomendado por Vue.

Crea una cuenta y continúa aprendiendo 🚀

Pinia vs Vuex