03. Curso de REACT 🚀 (desde 0, para todos y paso a paso) 👍 Entiende el hook más usado: useState

Sobre esta lección

👍 *Siguiente vídeo* (#4) : Los Componentes y sus propiedades (props): 👉 https://bit.ly/3tZixC7 👍 *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 a *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? y 2 comentarios 02:34 Instalación de una extensión muy útil de VS Code 04:00 Uso (incorrecto) de las variables en React (sin useState) para ver el problema 06:57 Funcionamiento del hook useState 12:32 Ejemplo de la programación de un contador 19:39 Utilización de INPUTs y el uso obligatorio de onChange 31:29 Actividad 1. Explicación de lo que tienes que programar 32:45 Descarga el código base y Cómo escribir comentarios dentro del return (en JSX) 33:31 Solución de la Actividad 1 40:29 Actividad 2. Explicación de lo que tienes que programar (usando INPUTs) 41:33 ¿Cómo se usa el atributo for dentro de un label (en JSX) y descarga el código base 42:40 Solución de la Actividad 2 53:17 Consejo personal de JAB