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

[@luizhenriquefranklinquinti3098]

"Foco." Mais rápido que a propaganda da jequiti

[@harrisonhakinensouza]

Ótimo vídeo, parabéns pelo conteúdo.

[@icaroalbar]

Porque eu não faço a validação usando o React Hook Forms combinado com a biblioteca Zod?

[@Diego-yx8sv]

Mas e se eu precisar usar o hook form em custom components? eu tenho meu próprio componente de input e de form, eu vou definir o register dentro do componente de input ou dentro do componente de form ou dentro do.jsx em que eu utilizo o form e o input?

[@andrenascimento838]

Usava formik, mas depois desse vídeo, é só react hook form

[@eduardofagundesferreira8891]

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

[@jesusvick]

qual biblioteca para validar o CPF!?

[@LeandroCorso]

Validar com RHF ou Zod?

[@ClaudioVasconcelos19]

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

[@danielcampillo9679]

como faço p o cadastro ir no meu db?

[@cloudsss83]

ensina a gente a fazer isso ai sem biblioteca, pq pra esse tipo de coisa, a maioria das empresas nao veem com bons olhos. adicionar uma dependencia no projeto pode aumentar a chance de bugs, quebra devido atualizacao, seguranca e outros...

[@evertonsantanamtfe8336]

usa o usestate e faz o badform que ele fez no vídeo

[@moisescruz3144]

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

[@GeoLimiar]

Curti , valeu ai

[@BrunoMedeiros1]

Muito bom!

[@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?

[@danilofersilvaa]

Estou usando o useForm, porém quando adiciono uma regra(tipo required) ele começa a dar um erro que é esse: "Warning: input: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. " E a pagina da refresh e sai os avisos de erro, alguém sabe o que posso fazer nesse caso?

[@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

[@jonatanalmeida7837]

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")

[@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?

[@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.

[@samucatnb12]

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.

[@allandouglas2726]

Explicação espetacular! parabens!

[@leogomes5469]

Legal conhecer outras formas, mas acho mais fácil usar o required nativo do HTML e uma regex para validação, fica menos código e bem legível

[@thaisleikap]

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

[@whitemusic3640]

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!

[@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.

[@fernandoitalo9507]

Video fantástico, parabéns!

[@luccassantos7492]

Obrigado pelo vídeo, professor!

[@Lima-Js]

opa man salve qual terminal você está usando?

[@edwardsilva1863]

Video abençoado para estudante fazendo projeto com form

[@RuiMatosOficial]

Mim tirar uma dúvida a personalização erro tem ser com este método validate, do import react-hook-form. OU posso criar outro nome mais significativo. E-mail validator.isEmail(value), })} /> {errors?.email?.type === "required" && ( Email is required! )} {errors?.email?.type === "validate" && ( Email is invalided )}

[@dicasparadevs]

pra criar validações customizadas você precisa usar a validate mesmo. o que você pode fazer é criar várias validações dentro do validate, mas com nomes diferentes. por exemplo: validate: { positive: v => parseInt(v) > 0, lessThanTen: v => parseInt(v) < 10, checkUrl: async () => await fetch(), }

[@thiagomartins7339]

Cara sensacional, muito grato pelo conteúdo

[@Joao.Gabriel7]

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

[@Matheus_1582]

Você devia ter criado um formulario de enviar PIX

[@ygaaaoo]

ótimo video brow, nice

[@dicasparadevs]

que bom que tu gostou, bro!

[@douglashenrique3270]

Obrigado pelos conteúdos mano! É valioso demais!

[@rubenslima7475]

Cara que inscrivel essa lib, vou usar agr msm.

[@GisellyRock]

excelente aula, voce é muito bom!

[@ebonalume]

Sensacional! Parabéns pela vídeo aula.

[@utilserra3077]

Obrigado pelo super vídeo, d++++++++++++++++

[@jonassouza9772]

muito bom o conteudo e facil de intender

[@Antonio-nn2kq]

Melhor vídeo aula!!!

[@diogomattioli]

Excelente trabalho!

[@ma120288]

Ótimo vídeo 👏👏

[@gabrielmoura3815]

Sensacional!

[@ReginaldoSAM]

Top!👌

[@ygaaaoo]

man eu sei fazer coisas basicas com javascript (to do list, calculator), vc acha que eu devo praticar mais meu javascript ou eu invisto logo pra começar react e focar em desenvolver msm em react ? (levando em consideraçao que as empresas podem mt react, como vc sabe.)

[@felippealmeida8075]

estuda react ja, qndo ver uma coisa de JS q vc n sabe ai vc estuda, é assim durante toda a carreira, n tem como aprender 100% do pre requisito antes

[@dicasparadevs]

Igor, torno das palavras do @Felippe as minhas! Comece a estudar React, e se você se deparar com algum tópico de JS que você não sabe/não lembra, você volta e o revisa. Isso, claro, se você já estiver confortável com a base e os fundamentos principais do JS (que é tudo que eu ensino aqui no meu canal, no meu curso sobre ele). Beleza?

[@ygaaaoo]

Vlwww demais manos, eu peguei bem a base de js em um curso na udemy e fiz uns projetos pelo yt (aki desse canal tbm) e vou começar react então. Tmj

[@felipemiotto5409]

Muito bom, Felipe, Obrigado! Inscrição/like/comentário -> feito