Tutorial Completo de React Hook Form

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • Aprende las bases de react-hook-form, un modulo de React que te permite validar los datos que tus usuarios escriben en tus formularios. Aprenderás como usar funciones como register, handleSubmit, reset, validate, y muchas otras características que nos permiten el estado de formulario.
    github.com/faz...
    Tutorial Escrito:
    faztweb.com/co...
    ⭐ Cursos Recomendados
    Curso de Nodejs ⮕ fazt.dev/nodejs
    Curso de Python⮕ faztweb.com/py...
    Curso de React ⮕ • Curso de Reactjs desde...
    Curso de Javascript para React ⮕ • Javascript para Aprend...
    🗣 Redes Sociales
    ⮕ Github: github.com/fazt
    ⮕ Twitter / fazttech
    🎒 Servicios Recomendados
    DigitalOcean ⮕ m.do.co/c/8ef2...
    Namecheap ⮕ namecheap.pxf....
    Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
    SiteGround ⮕ bit.ly/31u9ZEk
    Cloudinary ⮕ bit.ly/3ohNlJ7
    Puedes encontrar la lista de tutoriales de React en:
    faztweb.com/ne...
    #reactjs #javascript #reacthooks

КОМЕНТАРІ • 59

  • @elnegrokoto
    @elnegrokoto Рік тому +15

    Buen video! Lo único para aclarar si quieren enviar archivos a un backend, se tiene que pasar todo el json a formData. Próximo video !

    • @gastonsalas8996
      @gastonsalas8996 7 місяців тому +1

      Consulta: Los datos de esos input se pueden manejar con handleSubmit, y en este caso de los muestra por consola. Como podria guardarlos en un json para usarlos desde otro componente?

  • @camilocadavid4935
    @camilocadavid4935 День тому

    Ma-gis-tral!, increíble la forma en que explicas, es rápido y así llega a la mente genial!

  • @santino0.531
    @santino0.531 Рік тому +16

    Eres mi salvador Fazt, justo estoy comenzando un proyecto de una pagina web junto a unos amigos y yo decidi encargarme de la parte de registros de usuarios y otros formularios, en el proyecto usamos React por lo que esta libreria me viene como anillo al dedo. MUCHAS GRACIAS ERES EL MEJOR

  • @juanballen6448
    @juanballen6448 Рік тому +10

    Literalmente llevo todo el dia buscando un buen tutorial de forms en react, y dios llego en el momento preciso

  • @felipepino834
    @felipepino834 Рік тому +6

    Maravilloso ,porque hice el proyecto de auth ,mongo ,react de tareas y justo ayer me puse a mirar la documentación de hook-form para entender mejor el proyecto y tú me sorprendes con esto , gracias fazt eres demasiado bueno.

  • @elsy_perez
    @elsy_perez 5 місяців тому +2

    excelente tutorial y el colocar el tutorial escrito no tiene precio. Excelente contenido en general en tu canal. Exitos

  • @lubergonzalez7750
    @lubergonzalez7750 7 місяців тому +1

    Perfecto acabo de verlo muy completo el turorial, amigo fatz y buena la explicacion excelente, si pudieras hacer ejemplos con Joi, seria bueno, pero creo que por lo demas esta muy bien hecho, me gustan tus videos, muestras las bases, y ya dejas las puertas abiertas a crecer por uno mismo, increible saludos desde Venezuela.

  • @carlosalmira7533
    @carlosalmira7533 4 місяці тому

    Literalmente, me estás salvando las prácticas de empresa jaja eres un crack, ánimo!

  • @mauriciomoitino9282
    @mauriciomoitino9282 10 місяців тому +1

    Muy bien explicado Fazt, siempre es un placer ver tus videos. Gracias por compartir el conocimiento!

  • @axelivanmolina1173
    @axelivanmolina1173 Рік тому +1

    Excelente, nunca le había agarrado la mano a esto, siempre lo hacía a mano

  • @JotaKiookai
    @JotaKiookai 8 місяців тому +1

    Como siempre perfecto! Gracias por el trabajo explicando!

  • @MusicMan121
    @MusicMan121 Рік тому +3

    Te recomiendo que dividas los videos en timestamps como hacen todos los youtubers, se hace mucho más fácil para el usuario.

  • @cristianramirez1160
    @cristianramirez1160 11 місяців тому +1

    Siempre salvándoos! muchas gracias por la ayuda 😊💪🏼

  • @JorgeHernandez-jp2vu
    @JorgeHernandez-jp2vu 5 місяців тому +1

    Me agrandan muchos tus tutoriales he aprendido bastante, podrías hacer un curso con la biblioteca de diseño antdesign?

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Рік тому +2

    Gracias fazt , como siempre se agradecen tus tutoriales , se aprende un montón

  • @jonatanfernandezruiz8929
    @jonatanfernandezruiz8929 3 місяці тому

    Espectacular este Tutorial, he visto muchos videos de estos en UA-cam y creo que este es el mejor de todos de en esta plataforma.💯
    Si quisiera preguntar algo y es... ¿Cómo hago para que los mensajes de error que colocamos debajo de los inputs se muestren apenas el usuario digite algo mal, sin tener que enviar el formulario? Porque lo que vi en el tutorial es que cuando enviábamos el formulario era que nos salían los errores y hay si nos mostraba cuando colocábamos un correo mal, un nombre mal, la fecha mal, etc. La idea es que el usuario se de cuente de sus errores sin tener que mandar el formulario.
    No se quien me puede ayudar con esa duda.

  • @juan83xd
    @juan83xd Рік тому +1

    Necesitaba éste tutorial. Muchas graciasss

  • @rodolfo4880-e4j
    @rodolfo4880-e4j Рік тому +3

    Gracias por tu contenido Fazt, Sugerencia: podras hacer un video de para implementar formularios dinámicos en vanilla javascript? Saludos!

  • @marcosmorandeira
    @marcosmorandeira 4 місяці тому

    excelente tutorial introductorio.... Podrías hacer un video explicando useWatch y useController? Muchas gracías

  • @luisdiazdiaz2495
    @luisdiazdiaz2495 Рік тому +1

    gracias por el video fazt justo estaba empezando a usarlo y contigo lo aprenderé mas rápido todavía, ojala te animes y saques un nuevo curso de typescript ❤, pero igual me vere el antiguo que tienes

  • @carlosterrazas8913
    @carlosterrazas8913 10 місяців тому

    Gracias, me encanto la parte del zod. tambien uso zod en lo personal. por lado de backend y esto mantiene la estructura de tecnologias gracias.

  • @saulrojas4984
    @saulrojas4984 26 днів тому

    Excelente tutorial. Me gusta bastante tu forma de explicar las cosas. Pero no se como hacerme miembro del canal

  • @christianmiguez1379
    @christianmiguez1379 Рік тому

    están muy buenos estos videos explicando como funcionan los hooks, sería interesante alguno como react-easy-crop

  • @danielrondongarcia9905
    @danielrondongarcia9905 4 місяці тому

    Excelente! 👏🏼 Como siempre!

  • @rafaelzavala6912
    @rafaelzavala6912 10 місяців тому

    Muy buen vídeo, todo claro! Gracias Fazt!

  • @codesuma
    @codesuma Рік тому +1

    Muy bueno!!! sugerencia: el password se puede hashear con CryptoJS y que no se lea las claves, Saludos!

  • @user-nn2rz8th2r
    @user-nn2rz8th2r Рік тому

    Grande hermano!! He aprendido mucho contigo y seguire.Saludos y mis respetos.

  • @nicopesmobile4599
    @nicopesmobile4599 9 місяців тому

    fua fazt yo te amo por estos video bro

  • @claudio-guevara479
    @claudio-guevara479 Рік тому +1

    Fazt tienes una tienda de ropa que loco jajaja intentaré comprar una ❤

  • @nooob922
    @nooob922 11 місяців тому

    Excelente video y bien explicado, muchas gracias!

  • @mathiasgarcia6757
    @mathiasgarcia6757 Рік тому

    Mortal!!!!! Gracias fazt sos un grande 🤓🤓🤓

  • @wdelcanto
    @wdelcanto Рік тому

    Excelente video como siempre mestro!, muchas gracias!

  • @briandagabrielaherrerapala4272

    Me ayudo muchísimo tu contenido, mil gracias :)

  • @hernanarroyo2956
    @hernanarroyo2956 Рік тому

    Gracias por tanto Fazt

  • @KAMILOALCA
    @KAMILOALCA 7 місяців тому

    En agradecimiento voy a verle todos loss anumcios hasta el final

  • @Unknown-so7qv
    @Unknown-so7qv Рік тому +3

    Entre este y formik cual es mas eficiente?

  • @HitsoKeyco
    @HitsoKeyco 2 місяці тому

    Gracias men!.

  • @FedeRacun
    @FedeRacun Рік тому

    Que genio Fazt, todo esto vale oro!, gracias por el video Como sugerencia o idea para otro video: ¿Consideraste actualizar el video de Node con Mailer pero con OAuth2 de Google? Saludos!

    • @FaztCode
      @FaztCode  Рік тому

      Ese es un video viejo, voy a renovarlo pronto :)

  • @askyrox
    @askyrox Рік тому

    Ya me acabé el video, gracias por el contenido.
    Podria crear un video de como compilar una dependencia de npm con ts? más precisamente en la parte de generacion de los archivos d.ts
    Porque cuando se crean interfaces en archivos separados, al generar los js se crean archivos vacios "export {}", no me es facil explicar pero algo así jaja, de todas formas gracias por tanto.

  • @andresmauricioliconamachad8276

    excelente video amigo

  • @gastonsalas8996
    @gastonsalas8996 7 місяців тому

    Consulta: Los datos de esos input se pueden manejar con handleSubmit, y en este caso de los muestra por consola. Como podria guardarlos en un json para usarlos desde otro componente?

  • @leanalonso351
    @leanalonso351 11 місяців тому

    Hola, tengo una pregunta, podrias... como se dice... "Seccionar" el video cuando hablas de cada atributo que tras del useForm ? O seria muy costoso? Asi es mas simple y agradable de ver. Se agradece que lo leas. Buen video!

  • @VanguardSoftwareGroup
    @VanguardSoftwareGroup Рік тому

    Hola muchas gracias ,una consulta sabes de herramientas de ofuscación de código?

  • @marianaampudia8079
    @marianaampudia8079 Місяць тому

    Excelente tutorial. Solo tengo una pregunta, cada vez que escribo un caracter en los input de password me sale un error en el navegador Uncaught Error: Untrusted event, lo raro es que no afecta en el funcionamiendo de la aplicacion, alguien como quitar ese error?

  • @Alexisrk
    @Alexisrk Рік тому

    EL MEJOR

  • @NagadGames
    @NagadGames Рік тому +2

    Qué tema usas fazt?

    • @FaztCode
      @FaztCode  Рік тому

      Para este video use Tokyo night dark. Estos también son otros temas: faztweb.com/contenido/temas-favoritos-vscode

  • @jonyrm
    @jonyrm 10 місяців тому

    M A R A V I L L O S O

  • @jesusfs
    @jesusfs Рік тому +1

    26:28 entendi que dios tambien se equivoca

  • @ojendiz
    @ojendiz Рік тому

    React Hook form o formik?

    • @omineyresume8555
      @omineyresume8555 Рік тому

      formik debe ser mas completo ya que es dedicada a eso

  • @noel1711
    @noel1711 6 місяців тому

    const edadValidator = (value) => {
    return value >= 18 && value

  • @Holri
    @Holri Рік тому

    Master 😈

  • @nicolaime1907
    @nicolaime1907 7 місяців тому

    que tal formik???

  • @edarcode8124
    @edarcode8124 22 дні тому

    xD menudo rollo q son los form

  • @BeyonderW
    @BeyonderW Рік тому

    Lo unico que no me gusta de tus videos es el audio de tu microfono, se oye demasiado fuerte, seria genial si podes bajarle a la voz solo un poco