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 sola parte que nuestra aplicación, que llamaremos Store. Dentro del Store vamos a encapsular los datos de nuestra aplicación (llamados «State» o «estado») y los métodos que harán posible modificar dicho estado (llamados «Mutations» o «mutaciones»).
En el siguiente video vamos a instalar Vuex, a configurarlo y utilizarlo en nuestro proyecto de ejemplo:
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 componentes que necesitan compartir información o estamos creando una Single-page Application (SPA).
En esta lección voy a dar un repaso sobre componentes y eventos personalizados, para que podamos -una vez más- apreciar el problema antes de aplicar la solución con Vuex.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Cada nueva instalación de Laravel ofrece un sistema de autenticación muy completo y listo para usar que incluye: registro de usuarios, edición de datos, login y recuperación de contraseña. El framework, nos permite crear aplicaciones web pero al mismo tiempo posee una estructura muy flexible que nos permite crear API’s que puedan ser utilizadas por terceros como por ejemplo aplicaciones móviles.
Hoy hablaremos sobre cómo aprovechar esta funcionalidad de «recuperación» de contraseña que trae por defecto Laravel, incluyéndola en nuestra API.
Los Form Requests en Laravel, son clases que permiten validar formularios muy fácilmente, utilizando una serie de reglas para verificar si los campos enviados por el usuario cumplen con los criterios requeridos por la aplicación. Hoy hablaremos de como validar arrays y checkboxes usando un FormRequest.
La seguridad es un tema de gran importancia cuando desarrollamos productos digitales que puede determinar, más allá del buen funcionamiento, el éxito o fracaso de un proyecto. Recuerda que el activo más importante de una empresa es su información.
En esta lección aprenderemos que es el estado de la aplicación (state) y cómo hacer uso de éste para pasar propiedades entre diferentes componentes para generar reactividad en nuestra aplicación.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a resolver el ejercicio de la lección anterior para seguir practicando sobre la creación de componentes con el uso de Render Functions y DOM Virtual.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección veremos un nuevo concepto que no hemos aprendido hasta ahora llamado Render Functions. Las Render Functions no son más que funciones de JavaScript que retornar algo llamado DOM Virtual, que no es más que un objeto de JavaScript que Vue.js utiliza para representar una plantilla y finalmente procesar e imprimir los elementos actuales del DOM en el navegador. Las Render Functions pueden utilizarse como un reemplazo de las plantillas en ciertos casos más avanzados y en esta lección veras un ejemplo del uso de Render Functions con un componente personalizado de Vue.js.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a trabajar en la acción para editar registros pero esta vez utilizando vue-router y en formato de SPA. Para ello haremos que el formulario de edición de tareas sea una página aparte (con una URL) y agregaremos el enlace desde el detalle del registro a la página de edición y por supuesto la redirección con vue-router y navegación programática una vez que la tarea haya sido editada.
Regístrate para ver ésta y cientos de lecciones exclusivas.