Module Architecture Design for React Redux Projects

arquitetura.md

• [src]
  • [modules] //Pasta com todos os modulos da app
    • [module name] //Pasta de um modulo
      • [actions] //Pasta das actions do modulo
        • actionName.js
      • [reducers] //Pasta dos reducers do modulo
        • reducerName.js
      • [constants] //Pasta das constantes do modulo
      • [styles] //Pasta dos stilos gerais do modulo
      • [components] //Pasta dos componentes do modulo
        • [component name] //Pasta de um componente do modulo
          • componentController.jsx //Componente que recebe os reducers e actions e possui alguma logica
          • componentView.jsx //Componente que apenas exibe o layout do componente
          • styles //stilos especificos do componente
        • index_old.js //arquivo que importa todos os componentes e exporta eles
    • [utils] //Pasta de arquivos e pastas gerais do app
      • [helpers] //Pasta com funcoes de apoio, tais como api, formatacao de numero,data,cpf e cnpj
        • index_old.js //Arquivo que exporta todos os helpers
      • [components] //Pasta com os componentes gerais da app, sao usados em varios lugares
        • index_old.js //aquivo que exporta todos os componentes
      • [styles] //stilos gerais da app