Como você define as responsabilidades dos seus components react js?

O objetivo desse post é gerar conteúdo para iniciantes/intermediários, expor problemas, modelos e soluções ao criar componentes para uma aplicação react.

Uma das coisas mais empolgantes do React é o grande poder de reusabilidade de componentes. A dificuldade que a maioria dos desenvolvedores enfretam no inicio do aprendizado é a definição das responsabilidades dos componentes.

Alguns assuntos para serem discutidos.

  • Qual a estrutura básica que um componente deve ter para que a aplicação cresça de forma saudável?

  • Não sei testar as funções do meu componente, devo separar toda a lógica do componente em um arquivo externo para facilitar os testes unitários?

  • Até que ponto devo me preocupar com a quantidade de componentes? Estou criando muitos componentes?

  • Como eu sei que o componente está fazendo de fato apenas a sua responsabilidade e como aprimorar esse pensamento para criar componentes mais consistentes?

Esses são só uns exemplos de discussões, sinta-se à vontade para acrescentar mais e enriquecer o tópico.

Até a próxima!