Bienvenida e Introducción

1

Bienvenida y Presentación del proyecto: PlatziRooms

2

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

3

Boilerplate y Limpieza del proyecto

Render Functions y JSX

4

¿Que son las Render Functions y JSX?

5

Preparando nuestro entorno para un prototipo

6

Creación de un componente con createElement

7

Utilizando JSX para la creación de un componente

8

Utilizando Slots con Render Functions y JSX

9

Creando un Modal de Login para PlatziRooms

10

Creando la lógica general de nuestros modales con Vuex

11

Creando el contenido de nuestro modal

Componentes controlados y uso de librerías externas

12

Componentes Controlados y Variables Personalizadas

13

Construcción del componente de Recordar Contraseña

14

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

High Order Functions

15

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

16

Vuex

17

Obtener datos usando Vuex

18

Crea un getter dinámico en Vuex utilizando HOF

19

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

20

Agregando datos con Vuex

Base de datos en tiempo real con Firebase

21

Instalación y Configuracion de Firebase Realtime Database

22

Obteniendo los datos desde Firebase Realtime Database

23

Agregando la consulta de usuarios

24

Almacenando nuevas publicaciones en Firebase Realtime Database

25

Perfeccionando el flujo de navegación de nuestra App

Autenticación con Firebase

26

Configuracion Inicial para trabajar con Firebase Authentication

27

Agregando nuevos usuarios en firebase autentication

28

Inicio de sesión de usuario

29

Cierre de sesión de usuario

30

Protegiendo páginas utilizando Navigation Guards

Scoped Slots

31

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

32

Integración de Scoped Slots en Platzi Rooms

Deploy

33

Creando y desplegando nuestra app en Heroku

34

Conclusiones y Despedida

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Crea un getter dinámico en Vuex utilizando HOF

18/34
Recursos

Por defecto, los getters no aceptan argumentos. Esto es un problema porque muchas veces necesitamos enviar argumentos para conseguir diferentes resultados y responder contenido dinámico en nuestras aplicaciones.

Afortunadamente existen los getters dinámicos: funciones getters que devuelven otras funciones (si, así como las High Orden Functions). Gracias a está técnica podemos enviar argumentos a las funciones que devuelven los gettters y obtener resultados dinámicos con todas las ventajas de pasar argumentos a una función en JavaScript.

Aportes 5

Preguntas 2

Ordenar por:

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

Para este caso particular, ¿cúal es la ventaja del getter dinámico?. Siento que no es necesario puesto que el id del usuario autenticado se va a mantener durante el tiempo que esté logueado, por tanto, bastaría con crear un getter que devuelva el número de habitaciones del usuario autenticado:

getters: {
	userRoomsCount: (state, getters) => Object.keys(getters.authUser.rooms).length,
}

¿Qué opinan?

Interesante, efectivamente hay maneras más cortas de hacer la misma funcionalidad, sin embargo, el objetivo de la clase es explicar cómo usar las High Order Functions, y creo que se alcanza a entender muy bien:D!

El hecho de haber explicado de una forma sencilla cómo sacar un lenght de un objeto lo vuelve en un shortcut poderoso para JS en general. Super like.

Me hice bolas en la hof de es6, como quedaría con es5