Configurando o projeto

Antes de começarmos a validar nossos dados com o React Hook Form, é importante configurar um ambiente básico para trabalharmos. Aqui está o passo a passo para configurar seu projeto.

Passo 1: Inicialize o Projeto

Se você ainda não criou seu projeto, inicie um novo projeto com npm ou yarn:

npm init -y

Ou, se estiver usando yarn:

yarn init -y

Esse comando criará um package.json para gerenciar as dependências do seu projeto.

Passo 2: Instale o React Hook Form

Conforme vimos anteriormente, instale o React Hook Form usando o comando:

npm install react-hook-form

Ou com yarn:

yarn add react-hook-form

Agora que o React Hook Form está instalado, podemos começar a utilizá-lo.

Passo 3: Estrutura do Projeto

Sua estrutura de diretórios pode ser algo simples como:

/meu-projeto
  ├── /src
  │   └── index.ts
  └── package.json

No arquivo index.ts, faremos nossos exemplos de validação com o React Hook Form.