React+Reduxをアプリケーションに導入しようとするときに、そのディレクトリ構成について悩んでいたのですが、良さ気な記事を見かけたのでまとめてみました。

A Better File Structure For React/Redux Applications

Reduxの構成に従うパターン

シンプルかつベタなパターンです。SPA開発ならこれが定番でしょうか。

基本構成にドメインが入ってきたパターン

ドメインが複数ある時に、真っ先に思い浮かびそうなパターン。 スッキリしていますが、コンパイルとか面倒くさくなりそうな予感。SPAならこれでもOK？？ 各ディレクトリ内でドメインでグルーピングしてディレクトリきっても良さそう。

せや、ドメインで分割したろパターン

トップのディレクトリをドメインできって、action,container,reducerやらを接尾辞で管理していくパターン。 MVCのサーバーサイドフレームワークに導入してする際は、このパターンが馴染みそう。

ディレクトリ構成で検討したほうがいいかもしれないこと

• importは煩わしくないか？
• containerとcomponentの扱い（一纏めにするなど）
• テスト
• その他・・・

所感

色々な記事やリポジトリを拝見しましたが、環境によってバラバラなようです・・・