A melhor forma de criar formulários no React (hook form + zod)

Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

[giovanio.]

Ótimo conteúdo, veio bem na hora que eu precisava!

[hoff_mann]

Show diegão!

Tenta trazer aquele conteudo de UI Clone, era muito massA!

[guiaflutterflow]

Zod e React Hook Form: a união perfeita para trabalhar com formulários. Show

[clueroi]

Bicho, top conteúdos gratuitos, eu to doido para comprar o curso, se o gratuito está nesse nível imagina o pago

[carlosricardoziegler]

Usamos muito hook form e ZOD ajuda muito. Acho que perguntei antes mas vc acha que Bun esta pronto para prod ?

[entrepreneurdrive]

Podia rolar um video daqueles formulários avançados que tem steps

[luan]

entre hook form + zod e formik + yup, qual é o melhor a se usar?

[pedrossoares]

Show, nessa validação do nome do produto seria legal adicionar um número mínimo de carácteres para não permitir salvar um produto com nome vazio. Tipo .string().min(3)…

[EdTheatch]

qual a lib de componentes de ui que ele ta usando ai ?

[ioanefaumui]

Faço dessa forma, só que com o yup. Pretendo começar a fazer projetos com zod em breve.

[pthiago_s]

Meu TCC tá com esse combo ai no Next.js

[peeksz]

Alguem sabe onde acompanhar as lives ao vivo? Nao achei os vods no canal da rocketseat nem no cana do diego

[dididugamer]

Galera... alguém sabe como é aquele SNIPPET ali que o Diego faz em um novo arquivo que cria ao mesmo tempo a função e já as props da função?

[willianferreira]

Fala Diego, e aquela lib de vcs, a "Unform", foi descontinuada?

[marcos.padilha]

Diego, e se precisar validar as entradas enquanto digita? Como vc faz?

Ex.: campo de CPF, informar ao usuário que o formato é inválido enquanto ele digita.

Obs.: em muitos casos a experiência do usuário é melhor quando avisamos ele como deve ser feito para enviar o form uma vez só, não deixar ele preencher tudo e só validar no submit (provavelmente terá retrabalho se algum campo estiver inválido e ele não sabia enquanto preenchia).

[onildo_costa]

Tem uma live inteira ou então um vídeo do diego fazendo esse app inteiro?

[GuilhermeSilva-mcnm]

Eu uso o RHF com YUP, é muito parecido.

[Zhaunes]

União perfeita até precisar usar dropdown e outros recursos mais avançados de formulário, aí o perfeito já não é mais tão perfeito

[fabioribeirodecarvalho]

Sinceramente não entendi a função do Zod, parece adicionar uma camada que poderia ser resolvido apenas com TS e `useForm`....o q o zod faz exatamente nesse caso, pois a validação não deveria ser feita com o próprio useForm? e utilizar o error caso precise mostrar mensagens como a documentção do react-hook-form sugere....

Em relação a validação, o useForm já traz essa ferrameta no register: {register("test", {required: true, <OTHER VALIDATIONS>})}

[contaassinante]

Faltou mostrar como exibir a mensagem de errro para cada input