Entenda TUDO sobre o register do RHF (+playlist): ruclips.net/video/evYPKboKiDs/видео.html 👉 Livros em promoção: Lógica de Programação e Algoritmos com JavaScript: amzn.to/48Cj65Z JavaScript: O Guia Definitivo: amzn.to/48jh9vp Como ser um programador melhor amzn.to/3POQ5fq Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u --- ✅ Segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf
fala Júnior. Poderia falar sobre o hook form com inputs variáveis? Ex: tem um select que, dependendo da option selecionada, abre diferentes inputs, como se fossem formularios aninhados e condicionais. Aí se tiver uma validação como o zod, por exemplo, seria uma discriminated union. É um use case que n tem muito conteúdo no yt
Boa Ian! Sem dúvidas, é um assunto mais avançado e poucas pessoas abordam. Posso fazer um vídeo sim. Inclusive, na playlist de formulários aqui do canal, tem alguns exemplos que não são muito comuns aqui no yt.
Sensacional o vídeo! Eu venho do universo do Angular, onde temos Reactive Forms, então utilizamos Observables (e agora Signals) pra ouvir mudanças de um campo de formulário. Muito legal ver como é essa mesma abordagem só que no React. Excelente explicação.
Muito interessante esses recursos! Quando aprendi o watch e setValue, melhorei muito meus formulários 🙂 Uso muito para preenchimento de endereços com o via cep como citado no vídeo, Naqueles campos de atualizações de senha para dar um check quando a senha tem mais de 8 digitos, caracteres e números e tals kkk muito bom mesmo... Com certeza, trás mais videos pra gente, eu só conheço essa função básica do watch kkkk
Eu sofria por não saber do setValue de React hook form, usava uma implementação própria. Então não só ajudou como retirou um peso dos meus componentes. Obrigado!
Eu tenho tido bastante re-render com react hook form. Quando se utiliza watch, ele re-renderiza o componente. Existe o useWatch mas ai você começa a colocar sua aplicação dependente demais.
Sim, quando utilizamos o watch, estamos usando controlled components. Sobre o useWatch, tu pode criar um wrapper dele pra amenizar a dependencia com a lib.
Junior, me tira uma duvida, se puder, nao sei se tem video vc respondendo isso....tem um limite do uso do context...tipo eu sei que é para evitar as props...mas o quanto eu posso utiliza-lo...posso ter vários context...e se for para usar dados de api é melhor usar um zustand por exemplo? E posso usar os dois juntos?
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
Entenda TUDO sobre o register do RHF (+playlist):
ruclips.net/video/evYPKboKiDs/видео.html
👉 Livros em promoção:
Lógica de Programação e Algoritmos com JavaScript:
amzn.to/48Cj65Z
JavaScript: O Guia Definitivo:
amzn.to/48jh9vp
Como ser um programador melhor
amzn.to/3POQ5fq
Arquitetura Limpa (Clean Arch)
amzn.to/3Viqw7v
Clean Code
amzn.to/3hHXVKY
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
---
✅ Segue lá no Instagram:
instagram.com/devjunioralves/
✅ Nossa comunidade no Discord:
discord.com/invite/bVxW4Dhgrf
fala Júnior. Poderia falar sobre o hook form com inputs variáveis? Ex: tem um select que, dependendo da option selecionada, abre diferentes inputs, como se fossem formularios aninhados e condicionais. Aí se tiver uma validação como o zod, por exemplo, seria uma discriminated union. É um use case que n tem muito conteúdo no yt
Boa Ian! Sem dúvidas, é um assunto mais avançado e poucas pessoas abordam. Posso fazer um vídeo sim.
Inclusive, na playlist de formulários aqui do canal, tem alguns exemplos que não são muito comuns aqui no yt.
Sensacional o vídeo!
Eu venho do universo do Angular, onde temos Reactive Forms, então utilizamos Observables (e agora Signals) pra ouvir mudanças de um campo de formulário.
Muito legal ver como é essa mesma abordagem só que no React. Excelente explicação.
Caiu de paraquedas nas minhas mãos, parece que vc adivinhou kkkk vlw mano tmj
Haha perfeito mano, tmj!
conteudo de form é top d+, ja usei mta coisa dessa playlist
Que show man! Massa ter te ajudado 👊
Grande Dev jr.
🚀
Muito interessante esses recursos! Quando aprendi o watch e setValue, melhorei muito meus formulários 🙂
Uso muito para preenchimento de endereços com o via cep como citado no vídeo, Naqueles campos de atualizações de senha para dar um check quando a senha tem mais de 8 digitos, caracteres e números e tals kkk muito bom mesmo...
Com certeza, trás mais videos pra gente, eu só conheço essa função básica do watch kkkk
Sim, perfeito Carlos! Cara, da pra fazer muita coisa com essa dupla (watch + setValue), curto demais essa lib por essa facilidade.
Valeu a dica. Tudo parece simples quando é bem explicado.
Eu sofria por não saber do setValue de React hook form, usava uma implementação própria. Então não só ajudou como retirou um peso dos meus componentes. Obrigado!
Eu tenho tido bastante re-render com react hook form. Quando se utiliza watch, ele re-renderiza o componente. Existe o useWatch mas ai você começa a colocar sua aplicação dependente demais.
Sim, quando utilizamos o watch, estamos usando controlled components.
Sobre o useWatch, tu pode criar um wrapper dele pra amenizar a dependencia com a lib.
Show de bola
Valeu man! 👊
Brabo irmão mais uma vez se salvando a rapazeada do Next sksksk, falando nisso, ainda vale a pena usar o HookForm mesmo com os novos Server Actions?
Haha valeu man.
Sim, com certeza. Ainda vamos utilizar validação no client-side, e nesses casos, RHF + Zod, na minha opinião, são incríveis.
Seria muito interessante um vídeo sobre o watch.
Junior, me tira uma duvida, se puder, nao sei se tem video vc respondendo isso....tem um limite do uso do context...tipo eu sei que é para evitar as props...mas o quanto eu posso utiliza-lo...posso ter vários context...e se for para usar dados de api é melhor usar um zustand por exemplo? E posso usar os dois juntos?
Top!
Mas esse useEffect não vai ficar disparando por conta do setValue, ou as duas dependências teriam que mudar para dispará-lo?
Não vai não, nesse caso, só vai disparar quando o zipcode mudar.
Valeu Emerson!
kkkkkkkkkkk estou fazendo um formulário de steps nesse exato momento
estou usando o reset para passar o valor no modo de editar
Haha que top mano. Ta usando o useFormContext ou outra estratégia?
bora que eu to com fome
Boraaaa!