Executando verificação de segurança...
1

[React] A falta de padrão complica meu aprendizado

Eu sou um pouco novo no mercado de programação e ao pesquisar diversos conteúdos, como o que é um container, ou um custom hooke depois buscar padrões de design para utilizar com react, parece que termino as buscas com menos padrão do que antes.

Eu pesquisei o que são containers e o que são componentes de apresentação em react, e isso me deixou confuso, por que os containers são responsáveis por ser a parte inteligente e lidar com dados e com o estado da aplicação, enquanto os componentes são responsáveis por apresentar estes dados. No entanto, um container também por retornar um JSX, o que faz o componente de apresentação perder a sua funcionalidade, já que o container já faz a apresentação qual é a necessidade de um componte de apresentação?

Mas se as coisas forem feitas de forma que os Containers não possam retornar um "Componente" apenas os dados que ele trata e ele acaba simplesmente sendo um custom hook. Isso me faz questionar: "Se um container que não retorna um JSX é como um custom hook, eu deveria coloca-lo na pasta de hooks?" mas se eu fizer isso para mim ele passa a ser apenas mais um coostom hook e não um container.

Logo eu fico na dúvida se deve existir uma pasta para os containers na aplicação ou não, e se existir eu deveria usar o padrão de nomeclatura de hooks começando com "use", mas se fize-lo deveria mover o container para a pasta de hooks, fazendo com que a pasta "containers" ficasse vazia fazendo com que seja desnecessária.

Eu não sei se as minhas pesquisas me levaram a lugares com péssimas explicações, ou eu simplesmente não entendi. Mas eu definitivamente não consigo saber que padrão seguir, pois só me levantam infinitas perguntas. Como vocês estruturam os projetos de vocês? quais pastas vocês criam? o que colocam nessas pastas? e o que essas coisas fazem?

Se vocês conhecem algum conteúdo que me diga um padrão a se seguir ficaria muito grato :)

Carregando publicação patrocinada...