Como é possível combinar marcação, estilos e lógica em um único componente no React?

Resposta

Resposta objetiva: Componentes usando JSX.

Explicação:
O JSX permite misturar tags HTML e expressões JavaScript dentro do componente.
Os estilos podem ser aplicados via folhas externas, inline, CSS Modules ou bibliotecas de estilo.
A lógica e o comportamento ficam em funções e hooks, enquanto o componente recebe props e mantém state.