Skip to content
React Hook Form

Conteúdo do Workshop

Vamos começar? Antes de mais nada, um overview do que iremos tratar no Workshop de hoje. Vamos em todo o workshop utilizar uma única aplicação que possuirá várias formas de validação utilizando o React Hook Form.

Agenda do Workshop

1. Introdução ao React Hook Form

  • O que é o React Hook Form?
  • Por que o React Hook Form é útil?

2. Configurando o Ambiente de Desenvolvimento

  • Instalando o React Hook Form
  • Configurando o projeto
  • Exemplos básicos de uso.

3. Uso Básico

  • Validando uma string simples
  • Validando um e-mail
  • Validando um número com restrição de valor mínimo
  • Validando um checkbox
  • Validando um array de e-mails
  • Validando um objeto simples

4. Exemplos de Formulários com React Hook Form

  • Formulário Simples: Validação de um campo de nome.
  • Validação Personalizada: Campo de senha com requisitos de comprimento.
  • Componentes Controlados: Checkbox para aceitar termos de uso.
  • Gestão do Estado do Formulário: Uso do watch para visualizar mudanças em tempo real.
  • Field Array: Manipulação de uma lista de e-mails usando useFieldArray.
  • Componentes de UI Externos: Integração com bibliotecas de componentes, como react-select.
  • Submissão Assíncrona: Simulando requisições assíncronas durante a submissão.

5. Recursos Avançados do React Hook Form

  • Uso do Controller para componentes não nativos.
  • Estratégias para lidar com formulários complexos.

Recursos Adicionais

Este plano garante que você cubra todos os aspectos essenciais do React Hook Form enquanto mantém o público engajado com exemplos práticos e atividades hands-on. A estrutura inclui tanto explicações teóricas quanto codificação ao vivo, tornando o workshop interativo e informativo.