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