11. Curso de REACT + ACTIVIDAD 🚀 (desde 0, paso a paso, FÁCIL) 👍 react-hook-form, imprimir, pdf

Sobre esta lección

👍 Siguiente vídeo #12 : Programando un Juego de palabras: 👉 https://youtu.be/5pWKsNz3E3A 👍 *Todos* los vídeos del *Curso de React* en: 👉 https://bit.ly/3uupsmd 🚀 *Suscríbete* al Canal: 👉 bit.ly/3t63QeN Incluye una ACTIVIDAD real para que la hagas tú PASO a PASO + SOLUCIÓN. Si tu JavaScript es limitado y/o 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). Además, en este vídeo tienes 2 ACTIVIDADES (+ SOLUCIÓN) para que puedas APRENDER a través de la PRÁCTICA, ya que de la misma forma que ocurre con aprender a nadar, conducir o ir en bici, es IMPOSIBLE aprender sin PRÁCTICA: 🚀 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 🚀 *Capítulos* : 00:00 - ¿Qué vas a APRENDER con este vídeo de reac-hook-form? 02:38 - Importamos react-hook-form 06:24 - Utilizamos ...register 12:29 - Indicamos el tipo de datos que esperamos para cada input 18:58 - Utilizamos expresiones regulares y validate 27:25 - Utilizamos watch, setFocus y reset 35:53 - Explicación de la ACTIVIDAD que vas a tener que intentar programar TÚ 40:00 - La SOLUCIÓN a la ACTIVIDAD (paso a paso y bien EXPLICADO) 46:20 - Inicio del CSS (de la Actividad) 52:26 - Creamos el Context 56:18 - Creamos el Router 01:01:56 - Añadimos el evento onSubmit al formulario 01:08:59 - Obtenemos los datos del formulario (data) 01:15:15 - Creamos el valor sufijo 01:25:36 - Pasar a la siguiente pregunta del formulario 01:34:04 - Visualizar una imagen (en vez del texto de la URL) 01:42:47 - Preparar lo que se va a imprimir 01:48:42 - Uso de watch (usando condicionales) 01:54:37 - Consejo personal de JAB 🚀 Conviértete en miembro de este canal para disfrutar de ventajas: https://www.youtube.com/channel/UC-BnvAuHbsJ3DTslnwt1J1Q/join