~/questoes/criacao-de-sites
Componentes reutilizáveis são blocos de design (como botões, cards e headers) criados uma única vez e usados repetidas vezes em todo o site. Eles garantem que todas as páginas tenham a mesma aparência e facilitam mudanças futuras, pois você edita uma única vez e a alteração se aplica automaticamente em todos os lugares.
Componentes reutilizáveis garantem coesão visual porque mantêm o mesmo padrão em todo o site e facilitam manutenções futuras porque qualquer alteração feita no componente se reflete automaticamente em todas as páginas onde ele aparece, economizando tempo e reduzindo erros.
Componentes reutilizáveis criam um design system consistente, onde elementos seguem os mesmos padrões de cor, tamanho e espaçamento. Quando você precisa mudar um botão, por exemplo, a alteração acontece em um único lugar e se aplica a todo o site automaticamente.
Na verdade, componentes reutilizáveis potencializam a criatividade. Dentro da estrutura do design system, designers têm liberdade para criar variações (botão pequeno, grande, com ícone, etc.) sem sair dos padrões estabelecidos. Ordem e criatividade não são opostas.
Componentes reutilizáveis reduzem o tamanho do arquivo porque evitam código duplicado. Em vez de escrever o mesmo botão 50 vezes, você escreve uma vez e referencia. Isso torna o site mais leve, não mais pesado.
Componentes não obrigam layouts idênticos; eles garantem consistência em elementos específicos (botões, headers, tipografia). As páginas podem ter layouts muito diferentes enquanto compartilham os mesmos componentes e visual identity.