12. Curso de REACT 🚀 PRACTICA TODOS los contenidos con este JUEGO: Router, Context, useEffect...

Sobre esta lección

Comienza el CURSO de REACT desde el PRINCIPIO: 👍 Vídeo 01 : Instalación | JSX | Uso de imágenes | CSS: 👉 https://bit.ly/3qXjmIB 👍 Siguiente vídeo #13 : Style components + Actividad: 👉 https://youtu.be/5pWKsNz3E3A 👍 Para acceder a todos los Vídeos del Curso: 👉 https://bit.ly/3uupsmd 🚀 Suscríbete al Canal: 👉 bit.ly/3t63QeN 🚀 *ZIP* descargable: https://www.html6.es/curso/jab12.zip 👍 Vídeo 01: Instalación | JSX | Uso de imágenes | CSS: 👉 https://bit.ly/3qXjmIB 👍 Vídeo 02 : Eventos | funciones | target y el hook useRef(): 👉 https://bit.ly/3rhvl45 👍 Vídeo 03 : Entendiendo el hook useState: 👉 https://bit.ly/33Srp1s 👍 Vídeo 04 : Los componentes y sus propiedades: 👉 https://bit.ly/3tZixC7 👍 Vídeo 05 : map, filter, find, includes y key a fondo: 👉 https://bit.ly/3utQfQJ 👍 Vídeo 06 : useEffect | fetch API y Spread Operator: 👉 https://bit.ly/33kySX8 👍 Vídeo 07 : Context (useContext | createContext | Provider): 👉 https://bit.ly/3KGfGnj 👍 Vídeo 08 : Router de React(Creación de aplicaciones SPA): 👉 https://bit.ly/3wEMKWY 👍 Vídeo 09 : ¿Qué es y cómo funciona el hook useReducer?: 👉 https://bit.ly/3P5Z9uD 👍 Vídeo 10 : Multi-routing | rutas públicas y privadas: 👉 https://bit.ly/3euV8D7 👍 Vídeo 11 : Dominando react-hook-form e imprimir: 👉 https://bit.ly/3FLxEFp 👍 Vídeo 12 : Programando un Juego de palabras: 👉 https://youtu.be/5pWKsNz3E3A 👍 Vídeo 13 : Style components + Actividad: 👉 https://youtu.be/5pWKsNz3E3A 👍 Vídeo 14 : Programando un MEMORY con React: 👉 https://youtu.be/QTMnTWXmiG8 🚀 Conviértete en *Miembro* del Canal para disfrutar de sus ventajas: 👉 bit.ly/3sYpjGz 🚀 Capítulos: 00:00 - ¿Qué vas a APRENDER con este vídeo? 02:37 - Explicación de la ACTIVIDAD (JUEGO) que tienes que hacer 03:47 - Inicio de la SOLUCIÓN a la Actividad 06:26 - Creación de las rutas (BrowserRouter, Routes y Route) 08:07 - Añadimos el CONTEXT y el PROVIDER 12:59 - Utilizamos useNavigate (creación de enlaces) 18:48 - Uso múltiple del hook useEffect 24:25 - Mostrar las rayitas de la palabra a adivinar (map) 32:14 - Creación de los botones de las letras 40:54 - Colorear los botones (verde: letra correcta | rojo: letra incorrect) 50:26 - Crear un ternario con 3 opciones 58:48 - Comprobar si se ha superado el juego (se ha adivinado la palabra) 01:06:03 - Detectar cuando se pierde el juego 01:13:43 - Leer el CONTEXT desde otros componentes 01:14:54 - Consejo personal de JAB 🚀 Conviértete en miembro de este canal para disfrutar de ventajas: https://www.youtube.com/channel/UC-BnvAuHbsJ3DTslnwt1J1Q/join