erickmaiia / interface-reply-model

https://interface-reply-model.vercel.app
0 stars 0 forks source link

Revisar e corrigir a arquitetura do projeto React + Chakra UI #4

Open erickmaiia opened 1 week ago

erickmaiia commented 1 week ago

Atualmente, a estrutura do projeto está desorganizada, dificultando a manutenção e a escalabilidade. A arquitetura precisa ser revisada e corrigida para alinhar com as boas práticas, melhorar a modularização dos componentes e separar responsabilidades de forma clara.

Problema: Muitos componentes possuem lógica misturada.

Ausência de uma estrutura definida para organização de páginas, componentes e hooks.

Objetivo: Refatorar o projeto para adotar uma arquitetura limpa e modular. Garantir que cada camada (páginas, componentes, hooks, temas, etc.) esteja bem separada.

csvitor-dev commented 2 days ago

Em termos do projeto, como um todo, qual a diferença entre main e master? Se a intenção é definir um fluxo de desenvolvimento baseado em branchs (workflow), por que não chamar master de develop?

Deste modo, fica naturalmente semelhante ao Git Flow (main <- develop <- feature/my-work).

csvitor-dev commented 5 hours ago

Tenho uma proposta para organizar melhor src/components, baseado em intenção do componente (no sentido de que, dado um contexto, certos componentes geralmente irão "participar" juntos). Melhor do que separar cada componente em uma pasta específica, sendo que, pelo que eu vi, os serviços e tipos que são necessários sempre vêm de fora.

Um exemplo para elucidar minha proposta:

/
src/
  components/
    Section/
      Header.tsx
      Footer.tsx
    Event/
      ExampleButton.tsx
...

Precisaria avaliar bem como organizá-los juntos, mas considero ser um bom caminho! 🚀