Quiz 03 - Introdução
1. Para que serve o Hook `useState` no React?
Para conectar o projeto a um banco de dados SQL.
Para adicionar estado (memória) a um componente funcional.
Para mudar a cor do VS Code.
Para importar imagens de outros sites.
*Explicação: O useState permite que componentes funcionais mantenham e atualizem informações internamente.*
2. O que acontece com a interface quando o Estado de um componente muda?
Nada, o navegador precisa ser atualizado manualmente.
O React "re-renderiza" o componente, atualizando apenas o que mudou na tela.
O projeto é deletado automaticamente.
A conexão com a internet cai.
*Explicação: A reatividade é a alma do React; mudanças no estado disparam atualizações visuais automáticas.*
3. Qual a forma correta de declarar um estado para um contador que começa em 10?
`const contador = 10;`
`const [contador, setContador] = useState(10);`
`useState(contador) = 10;`
`const setContador = useState(10);`
*Explicação: O useState retorna um par: o valor atual e a função que o altera.*
4. É permitido alterar o estado diretamente, como em `estado = 5`?
Sim, é a forma mais rápida.
Sim, desde que seja dentro de um botão.
Não, devemos sempre usar a função de atualização (ex: `setEstado(5)`).
Depende da versão do Node.js.
*Explicação: Alterar diretamente não avisa ao React que houve mudança, logo, a tela não atualiza.*
5. Onde os Hooks (como useState) devem ser chamados dentro de um componente?
Dentro de um loop `for`.
Dentro de uma condição `if`.
No nível superior da função do componente (antes do return).
No final do arquivo, após o export.
*Explicação: Hooks possuem regras de ordem de chamada; não podem ser condicionais.*
6. O que o parâmetro passado para `useState(X)` representa?
O valor final que o estado terá.
O valor inicial do estado ao carregar o componente.
O nome da variável no CSS.
O tempo de espera para atualizar.
*Explicação: O argumento inicial define o ponto de partida do dado (texto, número, booleano, etc).*
7. Como o React garante que o novo valor do estado apareça na tela?
Através do Hot Module Replacement.
Através do processo de Reconciliação (Diffing).
Reiniciando o servidor local.
Pedindo permissão ao usuário.
*Explicação: O React compara a nova árvore de elementos com a antiga e aplica as mudanças mínimas necessárias.*
8. Qual hook você usaria para saber se um modal está "aberto" ou "fechado"?
`useEffect`
`useHistory`
`useState`
`useRedux`
*Explicação: Estados booleanos (true/false) são ideais para controlar visibilidade de elementos.*
9. O que acontece se chamarmos um Hook dentro de uma função JavaScript comum (que não é um componente)?
O código funciona perfeitamente.
O React lançará um erro de "Invalid Hook Call".
O computador trava.
O programa é convertido em Python.
*Explicação: Hooks só funcionam dentro de Componentes Funcionais ou Hooks Customizados.*
10. Ao usar `const [nome, setNome] = useState('')`, o que é `setNome`?
Uma variável contendo o nome do usuário.
Uma função que serve para atualizar o valor da variável `nome`.
Um comando do terminal.
O nome do componente pai.
*Explicação: O segundo elemento do array retornado pelo useState é sempre a função setter.*