A MELHOR FORMA de Criar FORMULÁRIOS no REACT | React Hook Form

Neste vídeo vamos aprender a melhor forma de criar formulário no React, usando uma biblioteca chamada React Hook Form. Também veremos como utilizá-la com TypeScript.

PARTICIPE DA NOSSA COMUNIDADE NO DISCORD:

--------------------------

ASSISTA AOS MELHORES VÍDEOS DO CANAL:

▸ CURSO DE TYPESCRIPT PARA COMPLETOS INICIANTES

▸ CURSO DE REACT PARA COMPLETOS INICIANTES

▸ CURSO DE JAVASCRIPT PARA COMPLETOS INICIANTES

▸ CURSO DE NODE.JS PARA COMPLETOS INICIANTES

--------------------------

▸ ME SIGA NO INSTAGRAM

▸ RECEBA DICAS NO TELEGRAM

--------------------------

REDES SOCIAIS

--------------------------

TIMESTAMPS
00:00 - Introdução
00:28 - Formulário convencional (sem React Hook Form)
04:47 - Aplicando o React Hook Form
32:18 - Usando com TypeScript
34:43 - Conclusão

[leonardomaciel]

é isso, você salvou minha vida 👍Obrigado.

[MJRkarate]

Muito boa a didática! Parabéns
Tem vantagem em usar o zod?

[moisescruz]

Show. Conteúdo TOP. Agregou muito ao meu entendimento sobre essa lib.
👏🏼👏🏼👏🏼🚀🚀🚀

[raphael.portela]

há situações em que o controller é necessario como forms que possuem selects com dados vindos de alguma API e maior complexidade, eu nao vi nenhum video no youtube aborando isso, mas muito bom conteudo, valeu por disponibilizar o repo.

[brunoarrm]

Estou precisando muito usar essa biblioteca e não estava entendendo nada. Neste vídeo ficou bem mais claro, vou lá testar. Muito obrigado irmão, sou grato por poder te seguir a partir de agora.

[edwardsilva]

Video abençoado para estudante fazendo projeto com form

[DanielCordeiroOficial]

Olá Felipe, tudo bem com você e sua família? Espero que sim.
Gostaria de lhe parabenizar pela aula de React Hook Form (mesmo a 1 ano, me ajudou a simplificar a forma de usa-lo)

Porém o que procuro (e talvez consiga me ajudar) é se consigo simplificar ainda mais colocando o TextInput e toda a 'estrutura' do React Hook Form em um component

[eduardofagundesferreira]

Cara!!! Parabéns! Queria ter te encontrado quando comecei com Hook Form... parabéns mesmo. Show!

[samucatnb]

Felipe parabéns fenomenal sua explicação, valeu pelo video, já me tornei um seguidor seu com esse video

[vicfrmbrzl]

Obrigado pelo conteúdo, deu pra aprender bem o básico. Pretendo ler a documentação dessa lib, pra dar uma expandida no conhecimento.

[ClaudioVasconcelos]

conheci teu canal agora e achei muito dahora essas dicas que você deu! Existe uma propriedade do formhooks que é o error delay, ele faz com que espere o usuário digitar para depois mostrar o erro, assim evitando que fique mostrando o erro enquanto o usuário está digitando como no caso de 21:30.

When set to true (default) and the user submits a form that fails the validation, it will set focus on the first field with an error.

Note: only registered fields with a ref will work. Custom registered inputs do not apply. For example: register('test') // doesn't work

Note: the focus order is based on the register order.

delayError: number

[thaisleikap]

Muuuuiito bom! Obrigada por compartilhar! Ajudou demais...❤

[luan-dev]

Muito boa a aula, a mais organizada com repositório inicial que achei no youtube, fiquei apenas com uma dúvida, reparei a falta de "for" e "id" ligando os inputs e labels, isso não seria ruim para acessibilidade? Qual solução seria melhor?

[rubenslima]

Cara que inscrivel essa lib, vou usar agr msm.

[jonatanalmeida]

Não precisa especificar o type do erro para montar a mensagem, basta apenas digitar errors.message e definir o texto do erro depois de required por exemplo (required: "Campo obrigatório")

[whitemusic]

Vídeo FANTÁSTICO ! Obg pelos ensinamentos, estava completamento travado nas validações e obtive rios de conhecimento aqui, continua com os conteúdos, didática excelente!

[Joao.Gabriel]

Valeu demais pelo vídeo cara, ajudou demais a entender a lib, abraço!

[ebonalume]

Sensacional! Parabéns pela vídeo aula.

[toffanettodev]

Parabéns pela didática no vídeo, ótimo tema. Gosto de usar react hook form tbm, mas tem um caso chato de lidar que é qnd vc tem campos relacionados que precisa validar como por exemplo campo de confirmação de senha ou confirmação de e-mail. Como vc lida com esses casos?

[thiagomartins]

Cara sensacional, muito grato pelo conteúdo <3 Parabéns