Quiz 06 - Introdução

1. Por que usar `react-hook-form` em vez do `useState` tradicional para formulários grandes?

Porque ele é mais colorido.

Por performance (evita re-renderizações a cada tecla digitada).

Porque ele apaga o banco de dados.

Porque ele não precisa de JavaScript. *Explicação: Ele utiliza referências (uncontrolled components) para gerenciar dados sem carregar o componente o tempo todo.*

2. Para que serve a função `register`?

Para criar um login para o usuário.

Para conectar um input do formulário ao gerenciamento da biblioteca.

Para mudar o estilo do botão.

Para sair do aplicativo. *Explicação: O `register` vincula o campo ao schema de dados do formulário.*

3. Como exibimos uma mensagem de erro específica para um campo obrigatório?

Usando um `alert()`.

Acessando o objeto `errors` retornado pelo hook `useForm`.

Reiniciando a página.

O React Hook Form faz um alerta sonoro automático. *Explicação: O objeto `errors` contém detalhes de cada campo que falhou na validação.*

4. Qual dessas é uma regra de validação válida no `register`?

`required: true`

`color: 'blue'`

`speed: 'fast'`

`debug: true` *Explicação: Podemos passar um objeto de opções como `required`, `minLength`, `pattern`, etc.*

5. O que faz a função `handleSubmit`?

Limpa o formulário automaticamente.

Previne o comportamento padrão do navegador e valida os dados antes de chamar sua função personalizada.

Fecha a aba do navegador.

Envia os dados para o Facebook. *Explicação: É o "porteiro" que garante que tudo está válido antes de processar o envio.*