Cierre de sesión de usuario

Clase 29 de 34 • Curso Avanzado de Vue.js 2 y Firebase por Bedu

Carlos Eduardo Gomez García

teacher•

Lo de proteger las rutas suena importante, acabo de crear un post sin estar autenticado y si se guardó, pero sin user id jaja

Eden Gomez Gress

student•

Saludos companeros, tengo un error cuando doy click al boton de logout:

[Vue warn]: Unknown custom element: &lt;buttton&gt; - did you register the component correctly? For recursive components, make sure to provide the &quot;name&quot; option.

found in

---&gt; &lt;HeaderPartial&gt;
       &lt;PageLayout&gt; at src/layouts/PageLayout.vue
         &lt;SearchPage&gt; at src/views/SearchPage.vue
           &lt;App&gt; at src/App.vue
             &lt;Root&gt;

Alguien que me ayude y que me explique a que se debe?

Alberto D. Sosa

student•

Has escrito <buttton> en lugar de <button>.

Eden Gomez Gress

student•

Gracias companero no me habia dado cuenta

Heyner Javier Marmol Verbel

student•

al momento de consultar el usuario con este código me devuelve null:

firebase.database().ref('users').child(id).once('value', (snapshot) => {
        commit('SET_ITEM', { resource: 'users', id: snapshot.key, item: snapshot.val() });
        resolve(state.users[id]);
      });

Alguien sabe porque, o si le paso pudo solucionarlo?

Manuel Ojeda

student•

¿Declaraste la action como Promise? Al ser una acción http requiere que la action sea una new Promise, yo cuento con este código y funciona bien

FETCH_USER: ({ state, commit }, { id }) => new Promise((resolve) => {
      firebase.database().ref('users').child(id).once('value', (snapshot) => {
        commit('SET_ITEM', { resource: 'users', id: snapshot.key, item: snapshot.val() });
        resolve(state.users[id]);
      });
    })

Saludos.

Cierre de sesión de usuario

Bienvenida e Introducción

Bienvenida y Presentación del proyecto: PlatziRooms

Creación y configuración inicial del proyecto utilizando VUE CLI 3

Boilerplate y Limpieza del proyecto

Render Functions y JSX

¿Que son las Render Functions y JSX?

Preparando nuestro entorno para un prototipo

Creación de un componente con createElement

Utilizando JSX para la creación de un componente

Utilizando Slots con Render Functions y JSX

Creando un Modal de Login para PlatziRooms

Creando la lógica general de nuestros modales con Vuex

Creando el contenido de nuestro modal

Componentes controlados y uso de librerías externas

Componentes Controlados y Variables Personalizadas

Construcción del componente de Recordar Contraseña

Creación de un componente Slider utilizando la librería tiny-slider

High Order Functions

¿Qué son las High Order Functions? - Crea tu primera HOF

Vuex

Obtener datos usando Vuex

Crea un getter dinámico en Vuex utilizando HOF

Creación de la vista para creación de publicaciones

Agregando datos con Vuex

Base de datos en tiempo real con Firebase

Instalación y Configuracion de Firebase Realtime Database

Obteniendo los datos desde Firebase Realtime Database

Agregando la consulta de usuarios

Almacenando nuevas publicaciones en Firebase Realtime Database

Perfeccionando el flujo de navegación de nuestra App

Autenticación con Firebase

Configuracion Inicial para trabajar con Firebase Authentication

Agregando nuevos usuarios en firebase autentication

Inicio de sesión de usuario

Cierre de sesión de usuario

Protegiendo páginas utilizando Navigation Guards

Scoped Slots

¿Qué son los Scoped Slots? Dónde utilizarlos y por qué

Integración de Scoped Slots en Platzi Rooms

Deploy

Creando y desplegando nuestra app en Heroku

Conclusiones y Despedida