02. Curso de REACT 🚀 (Fácil) + ACTIVIDAD + SOLUCIÓN 👍 useRef, target, Eventos y Funciones

Sobre esta lección

👍 *Siguiente vídeo* (#3) : Entendiendo el hook useState: 👉 https://bit.ly/33Srp1s 👍 *Empieza el CURSO de REACT desde el principio* : https://youtu.be/VoMyUgI-5NI 👍 *Todos* los vídeos del *Curso de React* en: 👉 https://bit.ly/3uupsmd 🚀 *Suscríbete* al Canal: 👉 bit.ly/3t63QeN Si tu JavaScript es limitado y todavía no te atreves a entrar en el mundo de React: éste es tu curso. Desde 0, paso a paso, para personas que nunca han tenido ningún contacto con React, en cristiano, con un lenguaje claro, sin tecnicismos innecesarios, yendo al grano (a lo que interesa en cada momento) y con una actividad práctica para que la resuelvas tú (con solución incluida) en cada vídeo (después del contenido). Todo el código JavaScript que se utilice (al principio será muy básico: variables, arrays, funciones y eventos normales) se explicará en el momento en que se necesite. Cuando, más adelante, se necesite código JavaScript más complejo (como la función de flecha, operador de propagación, llamado 'spread operator' en familia, o la desestructuración, que da miedo sólo de oirlo) se explicará en ese momento (no antes). 🚀 Suscríbete al Canal: 👉 bit.ly/3t63QeN 👍 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* : El hook 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/3P5Z9u 👍 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 👍 Para acceder al resto de *todos* los vídeos: 👉 https://bit.ly/3uupsmd 🚀 Conviértete en *Miembro* del Canal para disfrutar de sus ventajas: 👉 bit.ly/3sYpjGz 🚀 *Contenido* : 00:00 ¿Qué vamos a hacer en este vídeo? 03:47 Etiquetas vacías y Etiqueta fragment 10:43 Creación del evento para detectar el clic (onClick) 12:11 Creación de funciones (function) 15:01 Uso y características de e.target y de e.target.innerHTML 21:18 El hook useRef() como REFERENCIA 24:08 Utilización de .current en las referencias 32:36 El evento onChange (fundamental en los INPUT) 36:30 Planteamiento de la ACTIVIDAD 1 37:44 Utilización del método includes (para saber qué imagen se está mostrando y poder hacer la actividad 1) 40:16 SOLUCIÓN de la Actividad 1 44:26 Planteamiento de la ACTIVIDAD 2 45:16 Explicación de parentNode (para la realización de la actividad 2) 46:39 SOLUCIÓN de la Actividad 2 55:05 Propiedad CSS visibility:hidden; aplicada con React 57:41 Consejo personal de JAB