[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!
Boa noite,
Não crie componentes, se fizer isso vai estar só mapeando uma única tag simples em um componente mais complexo que ela. Eu costumo deixar estilos para títulos e parágrafo globais, já que raramente eles mudam na aplicação.