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.
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
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.
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
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!
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")
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?
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?
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?
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?
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 )}
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(), }
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...
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.)
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?
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.
Cara!!! Parabéns! Queria ter te encontrado quando comecei com Hook Form... parabéns mesmo. Show!
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
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.
Video abençoado para estudante fazendo projeto com form
Obrigado pelo conteúdo, deu pra aprender bem o básico. Pretendo ler a documentação dessa lib, pra dar uma expandida no conhecimento.
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
Show. Conteúdo TOP. Agregou muito ao meu entendimento sobre essa lib.
👏🏼👏🏼👏🏼🚀🚀🚀
Felipe parabéns fenomenal sua explicação, valeu pelo video, já me tornei um seguidor seu com esse video
Obrigado pelo vídeo, professor!
excelente aula, voce é muito bom!
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!
Explicação espetacular! parabens!
Ótimo vídeo, parabéns pelo conteúdo.
Video fantástico, parabéns!
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")
Muuuuiito bom! Obrigada por compartilhar! Ajudou demais...❤
Melhor vídeo aula!!!
é isso, você salvou minha vida 👍Obrigado.
Monstro. + 1 inscrito.
Cara que inscrivel essa lib, vou usar agr msm.
Muito boa a didática! Parabéns
Tem vantagem em usar o zod?
Tem algum vídeo que vc ensine a usar mascaramento dos inputs nesse form? Se houver, pode mandar o link? caso contrário, poderia gravar um vídeo?
Sensacional! Parabéns pela vídeo aula.
Valeu demais pelo vídeo cara, ajudou demais a entender a lib, abraço!
Cara sensacional, muito grato pelo conteúdo
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?
Muito bom, Felipe, Obrigado!
Inscrição/like/comentário -> feito
Excelente trabalho!
Obrigado pelos conteúdos mano! É valioso demais!
muito bom o conteudo e facil de intender
Muito bom!
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?
Muito TOP!
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
ótimo video brow, nice
que bom que tu gostou, bro!
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?
"Foco." Mais rápido que a propaganda da jequiti
Sensacional!
Ótimo vídeo 👏👏
Qual distro utilizada no vídeo?
Validar com RHF ou Zod?
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?
Obrigado pelo super vídeo, d++++++++++++++++
Porque eu não faço a validação usando o React Hook Forms combinado com a biblioteca Zod?
Curti , valeu ai
como faço p o cadastro ir no meu db?
opa man salve
qual terminal você está usando?
Top!👌
qual biblioteca para validar o CPF!?
Usava formik, mas depois desse vídeo, é só react hook form
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
)}
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(),
}
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...
usa o usestate e faz o badform que ele fez no vídeo
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.)
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
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?
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
Você devia ter criado um formulario de enviar PIX