Implementando las acciones del store de Vuex en el componente

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.

Ver post

Probando acciones y mutaciones del store con Jest

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.

Ver post

Probando la integración del state y los getters de Vuex en el componente con vue-test-utils

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.

Ver post

Probando el state y los getters de Vuex con Jest

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.

Ver post

Manejo de acciones asíncronas con promesas en Vuex

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.

Ver post

Integrando Vuex en una SPA con Vue.js 2

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.

Ver post

Introducción a Vuex: Integración con Vue.js y helpers

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.

Ver post

Introducción a Vuex: la solución

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.

Ver post

Introducción a Vuex: el problema

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.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Recibe consejos útiles y múltiples recursos directamente en tu correo