Quiz 14 - Efeitos e APIs (useEffect) 🌐

1. O que é um "Efeito Colateral" no React?

É um bug que trava o computador

Uma ação que acontece fora do fluxo normal de renderizar a interface (ex: buscar dados, timers)

É o nome de uma biblioteca de animação

É quando o CSS muda a cor do botão

2. Qual o segundo parâmetro do `useEffect`?

Um número inteiro

O array de dependências

O nome do componente

Um arquivo CSS

3. O que acontece se passarmos um array de dependências vazio `[]`?

O efeito nunca roda

O efeito roda em todo "re-render"

O efeito roda apenas uma vez, quando o componente é montado (aparece na tela)

O app fecha com erro

4. Como fazemos para que um efeito rode toda vez que o estado `tema` mudar?

useEffect(() => { ... })

useEffect(() => { ... }, [])

useEffect(() => { ... }, [tema])

useEffect([tema], () => { ... })

5. O que a função `fetch()` retorna?

O dado final em formato JSON

Uma Promise (Promessa)

Um número de erro

Uma string de texto

6. Para que serve o `.then(res => res.json())`?

Para salvar o dado no disco

Para fechar a conexão

Para converter a resposta bruta da rede em um objeto Javascript que possamos usar

Para criptografar os dados

7. Qual a maneira correta de lidar com o estado de "Carregando"?

Usar um cronômetro de 5 segundos

Criar um estado booleano `isLoading` e exibi-lo enquanto a API não responde

Pedir para o usuário clicar em "Refresh"

Não precisa lidar, o React faz sozinho

8. O que acontece se você atualizar um estado dentro de um `useEffect` sem o array `[]`?

O estado não muda

Pode gerar um loop infinito (o efeito muda o estado, que re-renderiza, que roda o efeito...)

O site fica mais rápido

O computador reinicia

9. Onde devemos colocar a chamada `fetch` para que ela não rode milhares de vezes sem necessidade?

Fora do componente

No meio do JSX

Dentro de um `useEffect` com dependências controladas

Dentro do CSS

10. Se quisermos limpar um timer ou fechar um socket quando o componente sumir da tela, onde fazemos isso?

Em outro componente

No `useState`

Na função de "cleanup" retornada pelo `useEffect`

Deletando o arquivo