CSR - Client-Side Rendering

Percebeu que o redirecionamento foi instantâneo, mas a lista de Pokémons demorou um pouco para aparecer?
Isso acontece porque estamos usando CSR (Client-Side Rendering)! 🚀
No CSR, o servidor envia apenas o HTML básico (quase vazio). Depois, o JavaScript entra em ação: ele baixa os dados, monta a página no navegador e só então exibe o conteúdo.
👉 Dica: experimente desativar o JavaScript no navegador e recarregar a página. Você vai ver que nada aparece — afinal, todo o conteúdo depende do JS.

Como funciona:

  • Servidor envia HTML vazio (apenas estrutura)
  • JavaScript é baixado e executado no navegador
  • useEffect dispara a busca de dados da API
  • Dados são recebidos e estado é atualizado
  • React re-renderiza a página com os dados

Carregando...