Pular para conteúdo

Exercícios de Fixação – Aula 04 🔄

Exercício 01: Mensagem de Boas-vindas

Crie um componente que use useEffect para exibir um alert("Bem-vindo ao sistema!") apenas uma vez, quando a página for carregada pela primeira vez.

Exercício 02: Título do Documento Reativo

Crie um estado contador. Use o useEffect para que, toda vez que o contador mudar, o título da aba do navegador (document.title) seja atualizado para: "Cliques: [valor]".

Exercício 03: Relógio Digital

Crie um estado hora e use useEffect com setInterval para atualizar a hora a cada segundo. Atenção: Não esqueça de retornar uma função de limpeza para dar o clearInterval quando o componente for destruído.

🟡 Nível: Intermediário

Exercício 04: Buscador de CEP

  1. Crie um input para o CEP.
  2. Escreva um useEffect que dispara uma busca na API https://viacep.com.br/ws/[cep]/json/ sempre que o CEP digitado completar 8 dígitos.
  3. Exiba o endereço (Rua, Bairro, Cidade) na tela.