Junte-se a outras 50 pessoas que estão fazendo esse mini projeto.
Projeto Formulário dinâmico com React Hook Form e Zod
Fazer um formulário na vida real nem sempre é uma tarefa trivial. Nuances como validação, mensagens de erro e máscaras de preenchimento tornam o processo um pouco menos intuitivo. Neste mini projeto, você vai aprender a criar um formulário dinâmico usando React Hook Form e Zod para facilitar o desenvolvimento.
- Botão de revelar senha
- Máscaras de Input CEP, CPF e Telefone
- Buscando Endereço e Cidade com o CEP
- React Puro: dificuldades em implementar formulários
- React Hook Form Instalação
- Usando o React Hook Form no form
- Loading e submetendo dados com RHF
- Validação e exibição de erros individuais
- Componente de erro do React Hook Form
- Controlando inputs com o React Hook Form setValue
- Validação customizada: senha e confirmação de senha
- Corrigindo erros
- Implementando validação da API (backend)
- Encerramento
Deixando o form dinâmico
React Hook Form
finalização