Componentes estilizados
Usar componentes estilizados torna possível adicionar o CSS necessário para estilizar um componente React diretamente no código JavaScript que cria o componente. Isso reduz enormemente o sofrimento com gerenciamento de CSS e evita a necessidade de convenções de nomenclatura ou outro meio de evitar conflitos de nomenclatura em CSS. Pessoas desenvolvedoras podem ver a estilização ao olharem para a definição do componente e não é necessário memorizar vários megabytes de CSS. Claro, colocar o CSS dentro do código JavaScript pode dificultar a obtenção de uma visão consistente da estilização de diferentes componentes, por isso recomendamos entender as vantagens e desvantagens dessa abordagem.