En esta lección implementaremos las acciones que probamos en el video anterior. Cambiaremos nuestra prueba que llamaba al método deleteTask para que ahora se llame a la acción del store. También crearemos las funciones necesarias para agregar una tarea y completarla, llamando a sus correspondientes acciones....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En este video añadiremos acciones y mutaciones a nuestra store. También comprobaremos con Jest que las diferentes mutaciones cambien el estado de la manera esperada y que, a su vez, las diferentes acciones llamen a sus correspondientes mutaciones....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En la lección anterior probamos unitariamente el state y los getters de nuestra pequeña store. En este video integraremos esta store en nuestro componente TodoList.vue y comprobaremos que hacemos uso de ésta. Lo conseguiremos inyectando el objeto $store dentro del componente a través de mocks....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección crearemos una pequeña store de Vuex en nuestra aplicación. Nos aseguraremos a través de las pruebas de que en el state se inicializan los valores por defecto que esperamos y también que los getters devuelvan los valores correctos....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a explorar un poco más sobre el uso de acciones en Vuex y su naturaleza asíncrona. Para ello vamos a continuar practicando sobre el uso de Promesas en JavaScript y veremos los enfoques optimista y pesimista que podemos elegir cuando desarrollemos aplicaciones que deban enviar y recibir datos a un servidor...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a comenzar a integrar Vuex en nuestro proyecto de Single-page Application (SPA) con vue-router. Para ello vamos a reemplazar la versión manual del Store que creamos en lecciones anteriores con una implementación de Vuex y además del State, los getters y las mutaciones que ya vimos en lecciones anteriores, en esta...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección continuaremos aprendiendo sobre Vuex, esta vez veremos cómo podemos integrar nuestro Store con Vue.js y también algunos de los helpers y métodos que podemos utilizar para simplificar y evitar la repetición de código dentro de nuestros componentes (como por ejemplo el uso de los métodos mapState y mapMutations)....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En la lección anterior pudimos apreciar el problema que se presenta cuando necesitamos compartir o modificar datos entre muchos componentes y cómo resolverlo con el uso de eventos. Pero en esta lección veremos otro enfoque para resolver este problema: Vuex. Con Vuex podremos centralizar el manejo de estado y la modificación del mismo en una...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En las lecciones anteriores del Curso de Vue, hemos aprendido cómo pasar y modificar datos de un componente a otro combinando el paso de propiedades con la emisión de eventos personalizados. Pero como habrás podido notar, en ciertas ocasiones este modelo puede no resultar suficiente o resultar engorroso, por ejemplo imagina casos donde tenemos muchos...
Regístrate para ver ésta y cientos de lecciones exclusivas.