filmov
tv
Login y Sesión de Usuarios 🔐 para guardar Favoritos ⚛️ [En directo]
![preview_player](https://i.ytimg.com/vi/VT5S9Y49SYs/maxresdefault.jpg)
Показать описание
APRENDE a hacer que tu frontend con React pueda AUTENTIFICAR a un usuario con un backend que usa JWT. 🔑 Además usamos hooks, hablamos de buenas prácticas y hacemos pantallas de carga
SEGMENTOS 📹
00:00 - Presentación y bienvenida
03:06 - Nueva página 404
08:50 - Nuevo componente Header
13:20 - Añadiendo ruta /login y componente Login
19:30 - Creamos el UserContext
21:55 - Respondiendo preguntas del chat · Parte I
24:13 - Creamos el hook useUser
27:58 - Usando el hook en el Header
29:40 - Fix del bug siempre como isLogged
31:03 - Usando el hook useUser en Login
33:08 - Implementando el logout
35:33 - Respondiendo preguntas del chat · Parte II
38:00 - Conectar el login a nuestra API
44:41 - Momento LOL, spoiler: era el password XD
49:03 - Añadir state de loading y error al login
52:51 - Creando el componente Fav para favoritos
58:12 - Estilando el componente Fav
01:01:07 - Guardando el jwt en el sessionStorage
01:05:17 - Hacer favoritos en nuestra app
01:11:54 - Comprobar si un gif ya es favorito
01:16:22 - Respondiendo preguntas del chat · Parte III
01:19:10 - Recuperar favoritos desde el inicio
01:27:44 - Respondiendo preguntas del chat · Parte IV
01:32:25 - Momento SUPERCHAT de 20 euros de Uri
01:34:17 - ¿Soy AntiAngular? ¡Te respondo!
01:42:00 - Despedida y cierre
#login #sesion #reactjs
SEGMENTOS 📹
00:00 - Presentación y bienvenida
03:06 - Nueva página 404
08:50 - Nuevo componente Header
13:20 - Añadiendo ruta /login y componente Login
19:30 - Creamos el UserContext
21:55 - Respondiendo preguntas del chat · Parte I
24:13 - Creamos el hook useUser
27:58 - Usando el hook en el Header
29:40 - Fix del bug siempre como isLogged
31:03 - Usando el hook useUser en Login
33:08 - Implementando el logout
35:33 - Respondiendo preguntas del chat · Parte II
38:00 - Conectar el login a nuestra API
44:41 - Momento LOL, spoiler: era el password XD
49:03 - Añadir state de loading y error al login
52:51 - Creando el componente Fav para favoritos
58:12 - Estilando el componente Fav
01:01:07 - Guardando el jwt en el sessionStorage
01:05:17 - Hacer favoritos en nuestra app
01:11:54 - Comprobar si un gif ya es favorito
01:16:22 - Respondiendo preguntas del chat · Parte III
01:19:10 - Recuperar favoritos desde el inicio
01:27:44 - Respondiendo preguntas del chat · Parte IV
01:32:25 - Momento SUPERCHAT de 20 euros de Uri
01:34:17 - ¿Soy AntiAngular? ¡Te respondo!
01:42:00 - Despedida y cierre
#login #sesion #reactjs
Комментарии