Crea una cuenta y continúa aprendiendo 🚀

Regístrate o inicia sesión para continuar aprendiendo:

Frontend Aprendiz

Pinia: Preguntas y Respuestas

Veamos cuáles son las preguntas más comunes respecto a Pinia, y respondamos cada una de ellas.

¿Quién creó Pinia?

Pinia fue creado por el mismo desarrollador que creó Vue Router.

Ha sido desarrollado por Eduardo San Martín Morote y forma parte del equipo principal de Vue.

¿Con qué versiones de Vue funciona Pinia?

Pinia es compatible con Vue 2 y Vue 3.

¿Cuál es la principal diferencia entre Pinia y Vuex?

API más simple: Pinia tiene una API más sencilla que Vuex. Gestionar el estado con Pinia requiere escribir menos código en comparación con Vuex.
Modularidad: En Vuex, generalmente se tiene un store con múltiples módulos en su interior. En cambio, con Pinia es posible crear múltiples stores y luego importarlos en los componentes que los necesiten.

¿Pinia es compatible con Vue DevTools?

Sí, al igual que Vuex, Pinia tiene soporte en la extensión de Vue DevTools para Chrome.

¿Pinia es compatible con TypeScript?

Sí. Pinia ha sido construido con soporte nativo para TypeScript.

En Vuex, conseguir que TypeScript funcionara correctamente podía ser complicado, pero Pinia elimina este problema.

Ejemplo de uso con TypeScript

interface ToDoItem {
  id: number;
  text: string;
  completed: boolean;
}

Definiendo un store con defineStore:

const useToDoStore = defineStore('todo', {
  state: () => ({
    items: [] as ToDoItem[]
  }),
  actions: {
    addItem(item: ToDoItem) {
      this.items.push(item);
    }
  }
});

¿Deberías usar Pinia o Vuex?

Pinia es la solución oficial recomendada por Vue. Para un nuevo proyecto, se recomienda usar Pinia.

¿Cuándo usar Vuex?

Si estás trabajando en un proyecto ya implementado con Vuex, la migración podría ser complicada, especialmente si el proyecto es grande. Sin embargo, ambos sistemas tienen similitudes en la gestión del estado y la creación de stores.

Esta lección no cuenta con recursos adicionales.

Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.

Veamos rápidamente algunas preguntas y respuestas comunes respecto a Pinia. ¿Quién creó Pinia? Pinia fue creado por el mismo desarrollador que creó Vue Routerr. Ha sido creado por Eduardo San Martín Morote y que forma parte del equipo principal de Vue Pinia. Funciona con Vue 2dos y Vue 3. Pinia es compatible con ambas versiones de framework. ¿Cuál es la principal diferencia entre Pinia y Vuex?. Pinia tiene una API más simple que Vuex. Es por lo tanto, empezar a gestionar el estado con Pinia. Es mucho más sencillo que empezar a hacerlo con Vuex. En otras palabras, se tiene que escribir menos código para hacer con Pinia lo mismo que se hace con Vuex. Pinia es modular. Pinia se ha diseñado para ser modular en Vuex generalmente tenemos un "store" con múltiples módulos en su interior. En cambio, con Pinia tenemos un mayor control de que podemos crear múltiples stores y luego podemos importarlos en los componentes que los requieren. Tercer punto. Así como Vuex funciona con Vue DevTools, afortunadamente Pinia también tiene soporte en la extensión de Vue para Chrome. 4.º Pinia se ha construido para tener soporte de TypeScript. Conseguir que TypeScript funcione con Vuex podía ser complicado. En cambio, Pinia elimina este problema. Aquí tenemos un pequeño ejemplo. Tenemos una interfaz. Un tipo. Aquí se define un tipo llamado "ToDoItem" con tres atributos. Luego aquí se define un Store “defineStore” en nombre del "store" que se quiere crear y la configuración del "store". Un "store" tiene un estado y tiene acciones para modificar el estado. Esto lo vamos a ver en breve. Sin embargo, como puedes ver en este ejemplo, se hace uso de “TypeScript” sin problemas. En resumen, deberías usar Pinia o Vuex. Pinia ahora es la solución oficial que recomienda Vue. Por lo tanto, si vas a crear un proyecto nuevo de preferencia usa Pinia. ¿En qué casos usar Vuex? Cuando te toque trabajar en algún proyecto que ya está implementado con Vuex, porque generalmente el proceso de migración no será tan sencillo, si es que el proyecto es amplio. De todas formas, como ambos consisten en gestionar un estado y ambos proporcionan maneras de crear stores, encontrarás cierta similaridad cuando trabajes con ellos. Pero si vamos entonces a usar Pinia en nuestro proyecto.