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.

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Crie um input para o CEP.
function solucaoExercicio() {
    console.log("Executando validação de: Hooks II: useEffect e Ciclo de Vida");
    return true;
}

solucaoExercicio();

// Solução de referência para: Escreva um `useEffect` que dispara uma busca na API `https
function solucaoExercicio() {
    console.log("Executando validação de: Hooks II: useEffect e Ciclo de Vida");
    return true;
}

solucaoExercicio();