Espera un momento 🎁 ...
¿Te gustaría aprender a programar, gratis?
Sólo debes registrarte 😉.
Crea una cuenta y continúa aprendiendo 🚀
Regístrate o inicia sesión para continuar aprendiendo:
Gestión del estado en Vue.js
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.
¿Qué es Pinia?
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, es decir, bibliotecas que nos permiten definir stores.
¿Qué es un store?
Un store es un concepto que nos permite gestionar de mejor manera el estado de nuestro proyecto cuando este es compartido por muchos componentes.
Vuex vs. Pinia
Anteriormente, Vuex era la opción por defecto. Sin embargo, ahora Pinia es lo que se usa por defecto.
Según la biblioteca oficial de Vue, la recomendación actual para gestionar el estado en un proyecto es usar Pinia.
Pinia tiene casi el mismo comportamiento que Vuex 5. Por esta razón, en este curso usaremos Pinia en lugar de Vuex.
¿Deberías preocuparte por aprender Vuex?
No te preocupes si en el futuro postulas a un trabajo en el que se pida usar Vuex.
Si aprendes Pinia y entiendes sus conceptos, no tendrás problemas en usar Vuex para algún proyecto.
Incluso podrías encargarte de hacer una migración desde Vuex a Pinia, ya que este es el framework oficial recomendado por Vue. En resumen, ambos son equivalentes y dominar uno te permitirá entender el otro.
Conclusión
En este curso usaremos Pinia, dado que es el framework oficial recomendado por Vue.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
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.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
30
35
38
44
48
49
56
59
Pinia vs Vuex
79
81
82
84
99
107
112
119
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript