Ok, actions para realizar acciones Asincrónicas y una vez terminadas se despacha la mutación requerida
Para acciones sincronas lo ideal es confirmar la mutación
Introducción
Bienvenidos al Curso Profesional de VueJS
Introducción a VueJS
CLI y Dev Tools
Herramientas y Experiencia de Desarrollo + Archivos .vue
CLI - Hello World
Webpack
Babel
Eslint
SASS y BULMA
PUG
Ejercicio de SASS y PUG
Ejercicio Avanzado de Pug y SASS
Manipulación del DOM
Expresiones
Directivas
Data Binding
Computed properties
Watchers
Eventos
Integración a Platzi Music
Ejercicio de Manipulación del DOM
REST y HTTP
Servicios
Fetch API & Trae
Consumir API's REST
Sistema de Componentes
Component
Creación de componentes
Reactividad
Ciclo de vida
Comunicación entre componentes padres e hijos
Comunicación de hijos hacia padres
Utilización de Slots
Comunicacion entre Componentes Genericos - Event Bus y Plugins
Vue Router
Introducción a Vue Router
Instalar vue-router y configurar router view
Crear y Navegar Rutas con router-link
Extendiendo VueJS
Modifiers
Filtros
Directivas Personalizadas
Mixins
Clases, Animaciones y Transiciones36
Vue Transitions y Animaciones de CSS
Vuex
Estado Centralizado, Flux y Vuex
State
Mutations
Getters
Actions
Integración a Platzi Music
Nuxt.js
Server Side Rendering
Nuxt.js
Conceptos Básicos de Nuxt
Deploy a Producción con Now
Qué es now
Configuración de now y deploy
Conclusiones
Cierre del curso
Bonus
Internacionalización con vue-i18n
Unit Test Karma - Mocha & Webpack
Implementación de Autenticación de Usuarios en Vue usando JWT
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Ignacio Anaya
Aportes 9
Preguntas 1
Ok, actions para realizar acciones Asincrónicas y una vez terminadas se despacha la mutación requerida
Para acciones sincronas lo ideal es confirmar la mutación
Los actions son prácticamente mutations asÃncronas, y dentro de los actions podemos usar las mismas mutations:D
Actions, son similares a las mutaciones, las diferencias son que:
Si desde un action lanzamos un commit para a través de la mutación cambiar el estado, como se crea un promise que espera el cambio real del commite.
Tengo el siguiente código funcionando con Firebase (Firestore)
export function login (context, payload) {
return new Promise((resolve, reject) => {
//autenticamos al usuario
firebase.auth().signInWithEmailAndPassword(payload.email, payload.password)
.then((response) =>
{
//seleccionamos los valores del usuario en firestore
firestore.collection('users').where('uid','==',response.user.uid).where('active','==',true).get()
.then((QuerySnapshot) =>
{
if(QuerySnapshot.docs.length==1)
{
if (!QuerySnapshot.docs[0].exists)
{
resolve({'error': true, 'msg': 900})
}
else
{
context.commit('UPDATE_PROFILE', QuerySnapshot.docs[0].data())
resolve({'error': false})
}
}
else
{
resolve({'error': true, 'msg': 901})
}
})
.catch(err =>
{
resolve({'error': true, 'msg': 902})
});
})
.catch(function(error) {
resolve({'error': true, 'msg': 903})
});
})
}
La duda esta en la siguiente lÃnea
context.commit('UPDATE_PROFILE', QuerySnapshot.docs[0].data())
¿como se puede lanzar el resolve cuando se haya actualizado el perfil del usuario en el store?
Gracias
Bueno asi como q expertos no, se necesita practica y experiencia para dominar algo o al menos comprenderlo a profundidad.
gracias platzi y a todos los profesores, por permitirnos nunca parar de aprender. Espero algun dia poder ser un estudiante oficial, mientras tanto… fue un exelente curso
Alguien sabe donde está el material de lectura, dicho al final de la clase?
me parece que hay un error en la lógica cuando se llama la action incrementAsync… esta sumando al count 4 en lugar de 2.
Si quieren revisar el codigo de esta clase pueden hacerlo en este codesandbox
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?