Reactのディレクトリ構成について再考する - ロカオプ技術ブログ

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、Reactのディレクトリ構成について再考する機会があったので、記事にしようと思います。 なお、技術スタックについては以下の記事を参照してください。 tech.locaop.jp Reactのディレクトリ構成について 現状は、フロントエンドのsrc配下は以下のような感じになってます。 @interfaces/ (55) api/ (88) components/ (50) context/ (3) pages/ (136) utils/ (22) これ、ロカオプMEO側だけ書いているんですが、プロダクトもだいぶ成長してきまして、それぞれのディレクトリ内のファイル数がすごいことになってます。 (かっこ内の数字がファイル数です。) それぞれのmonorepo内のディレクトリが、こんな感じです

[i5s4y]

React界隈、ずっとディレクトリ構成再考してるな…

[mumei-0]

“bulletproof-react”

[fa11enprince]

React界隈、いつも定番のがなく消耗してる。

[shingo-sasaki-0529]

React　プロジェクト、いつもディレクトリ構成を再考してる気がするけど、Best Practice なり Opinionated なり bulletproof なり、成熟したこれって構成で済まないのかな。