アプリケーションをどのように整理すればよいですか？

Question

私は現在、React/TypeScriptプロジェクトに取り組んでおり、ファイルをいくつかのフォルダに分けています。私のプロジェクトでは、様々な処理方法を使用して、対話形式で数独を解いている、と私は、この構造に自分のアプリケーションを分割している：

sudokusolver/ 
    css/ 
    dist/ 
    fonts/ 
    img/ 
    js/ -> external libraries, ie. jquery, etc. 
    node_modules/ 
    server/ -> fetches puzzle data from the server 
    ts/ 
     actions/ -> user actions stored for history navigation 
     components/ 
     containers/ 
     enumerations/ 
     models/ -> stores multiple actions for history navigation 
     solver/ -> sudoku solving methods 
     index.tsx 
    index.html 
    package.json 
    ... 

は今、私の components/と containers/フォルダがかなり大きくなっています。私は私のファイル構造を再編成するためにどのようなスキームをとって、これが単一のページアプリケーションであることがわかっているのだろうかと思っています。どんな助けもありがとう。

Answer 1

あなたが投稿したものから、あなたのcomponentとcontainerフォルダは平坦であるように、それは読み - 私はそれは良いアイデアだとは思わない - それは、あなたが言うように、かなり長いフォルダにつながります。

私の個人的なプロジェクトの1つに、次のレイアウトがあります。コンポーネントの下では、私は再利用可能なコンポーネントとコンポーネントをすべて持っています。彼らは多かれ少なかれネストされています - 私は、モーダル、レイアウト、フォームなどの下に "ゲーム"フォルダを持っています - ちょうど混乱を助けるために。 「コンテナ」（私はそれらを理解して）、下にある「ルート」とそのフォルダ構造は、それらがロードされているURLパスを次のagains（/profile/gamesがroutes/profile/games/...から容器/ラッパーを使用しています）

ことだろう私の意見では、プロジェクトのビルドにグローバルに関連していないもの（webpack定義、npmのpackage.json、gulpfiles、（babel/eslint/tslint）rcファイルなど）をすべてサブフォルダ-または類似のものに移動するのに役立ちます。

また、サーバーとクライアントアプリケーションを分割して、同じフォルダの下に置く必要はありません。私は通常何かをする

それは混乱を減らすのに役立ちます。