Estrutura do Projeto

Direto da raiz do projeto possuímos as pastas public e src

• public - Contém os arquivos estáticos que serão servidos junto com o que for gerado pelo build

• src - Contém as fontes para o aplicativo em si, sendo arquivos Javascript e Sass.

  • components - Os componentes React puramente visuais que não possuem conexão com o Redux
  • containers - Os componentes React não visuais que controlam o estado no Redux
  • modules - Encapsula toda a lógica de negócio da aplicação
  • sagas - Possui todas as sagas, separadas em um arquivo por domínio
  • utils - Atualmente possui um arquivo para auxiliar conexão com o Firebase

Components

Os componentes são agrupados em pastas que representam as telas da aplicação. Possui na sua raiz os components App e Rotas que são gerais da aplicação, sendo o primeiro o ponto de entrada e o segundo responsável por indicar o componente pai em cada rota

Modules

Possui a lógica de negócio que não é diretamenterelacionada com o visual da aplicação. Separado em pasta que representam os domínios da aplicação. Cada domínio deve possuir pelo menos o seu reducer e um arquivo index para agrupar todos os seus submódulos.

Sagas

Separado em arquivos que representam os domínios da aplicação e cada um possui quantas sagas forem necessárias.