Estrutura de diretório do aplicativo ReactJS Flux
Atualmente, minha equipe está trabalhando em um aplicativo grande escrito no ReactJS usando a arquitetura Flux do Facebook. Ainda está no começo, mas crescerá muito em breve. Ele terá mais de 50 visualizações de componentes pequenos, muitas ações, lojas e criadores de ações.
Atualmente, nossa estrutura de diretórios se parece com -
App
|___ module_1
| |___ components
| | |___ component1.react.js
| | |___ component2.react.js
| |___ module1ActionCreators.js
| |___ module1Constants.js
| |___ module1store.js
|
|___ module_2
|___ ... (same structure as above)
Um dos problemas dessa abordagem é que as pastas module_x se tornarão cada vez maiores em número à medida que esse aplicativo crescer.
Alguém tem algo a compartilhar sobre como eles estruturaram seu aplicativo? De acordo com nossa experiência, os aplicativos de exemplo do Facebook (todo e bate-papo) têm uma arquitetura adequada para aplicativos pequenos, mas uma vez que essas lojas, componentes e ações aumentam em número, fica mais difícil de gerenciar.
Desde já, obrigado.