Uma função que devolve tela

Um componente é uma função que retorna o que deve aparecer. Duas regras de ouro:

1. O nome começa com letra Maiúscula (Titulo, não titulo)
2. Ela retorna o markup (chamado JSX — você vê já já)

function Titulo() {
  return <h1>Loja Aurora</h1>;
}

⚠️ Por que a Maiúscula é obrigatória: o React usa a inicial para diferenciar um componente seu (<Titulo />) de uma tag HTML comum (<h1>). Com letra minúscula, ele acha que é HTML e o componente não funciona. É o erro nº 1 de quem começa.

🧠 Modelo mental: o componente é uma fábrica de pedaços de tela. Chamou → produziu aquele HTML.