[ReactJS] Criar ou não um componente?
Boa tarde pessoal!
Estou desenvolvendo um projeto de estudo em ReactJS, é um formulário em 4 etapas, em que cada etapa tem um título e um parágrafo, com textos diferentes, porém, os parágrafos compartilham a mesma configuração de estilo entre sí, e cada título também.
Eis que surgiu a dúvida:
Criar um componente para cada elemento, e sempre usar <Title>Conteúdo</Title>
, <Paragraph>Conteúdo</Paragraph>
?
Ou
Na configuração de estilo do elemento pai dos dois, configurar para que, todo <h1>
tenha determinado estilo, todo <p>
tenha determinado estilo, e então, usar as tags normais dentro do container? Desta forma, reduziria a quantidade de arquivos na aplicação, já que seriam 2 componentes a menos.
OBS: Cada etapa tem somente 1 título (obviamente) e somente 1 paragrafo.
OBS: O projeto está sendo feito utilizando Styled Components.
Dúvida de iniciante, eu sei, mas desde já, agradeço a ajuda!