Logo de Beunicoos
midudev
Login y Sesión de Usuarios 🔐 para guardar Favoritos ⚛️ [En directo]
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.

1.325 visualizaciones

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

Suscríbete al canal: https://www.youtube.com/c/midudev?sub_confirmation=1
Repositorio de código: https://github.com/midudev/react-live-coding

SEGMENTOS 📹
00:00 - Presentación y bienvenida
03:06 - Nueva página 404
04:10 - API de usuario con Deno.js
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