Frontend Web: Componentes

No capítulo anterior, construímos a lista de eventos do TamoJunto com HTML, CSS e JavaScript puros. Os 12 eventos saem do banco, passam pelo backend e chegam na tela. Funciona — mas sentimos a fricção. Cada novo lugar que exibe um dado precisa de código manual para se manter em sincronia com o restante da página.

Esse capítulo substitui a manipulação direta do DOM por componentes. Vamos reconstruir a mesma lista de eventos usando React, e no caminho adicionar o que faltava: estados de carregamento e de erro, uma tela de detalhe para cada evento, e navegação entre as telas sem recarregar a página.