Introducción

1

Bienvenidos al Curso Profesional de VueJS

2

Introducción a VueJS

CLI y Dev Tools

3

Herramientas y Experiencia de Desarrollo + Archivos .vue

4

CLI - Hello World

5

Webpack

6

Babel

7

Eslint

8

SASS y BULMA

9

PUG

10

Ejercicio de SASS y PUG

11

Ejercicio Avanzado de Pug y SASS

Manipulación del DOM

12

Expresiones

13

Directivas

14

Data Binding

15

Computed properties

16

Watchers

17

Eventos

18

Integración a Platzi Music

19

Ejercicio de Manipulación del DOM

REST y HTTP

20

Servicios

21

Fetch API & Trae

22

Consumir API's REST

Sistema de Componentes

23

Component

24

Creación de componentes

25

Reactividad

26

Ciclo de vida

27

Comunicación entre componentes padres e hijos

28

Comunicación de hijos hacia padres

29

Utilización de Slots

30

Comunicacion entre Componentes Genericos - Event Bus y Plugins

Vue Router

31

Introducción a Vue Router

32

Instalar vue-router y configurar router view

33

Crear y Navegar Rutas con router-link

Extendiendo VueJS

34

Modifiers

35

Filtros

36

Directivas Personalizadas

37

Mixins

Clases, Animaciones y Transiciones36

38

Vue Transitions y Animaciones de CSS

Vuex

39

Estado Centralizado, Flux y Vuex

40

State

41

Mutations

42

Getters

43

Actions

44

Integración a Platzi Music

Nuxt.js

45

Server Side Rendering

46

Nuxt.js

47

Conceptos Básicos de Nuxt

Deploy a Producción con Now

48

Qué es now

49

Configuración de now y deploy

Conclusiones

50

Cierre del curso

Bonus

51

Internacionalización con vue-i18n

52

Unit Test Karma - Mocha & Webpack

53

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

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14 Días
13 Hrs
41 Min
31 Seg

Actions

43/53
Recursos

Aportes 9

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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:

  • En lugar de mutar el estado, las acciones cometen mutaciones.
  • Las acciones pueden contener operaciones asincrónicas arbitrarias.

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