私はMERNスタックを使ってアプリケーションを開発しています。フロントエンド(React + Redux)はバックエンド(express + mongo)から完全に分離されています。私はCORS、JWT、そしてそれらの両方を接続するのに良いことを使っています。フロントエンド自体には、ユーザービューとダッシュボードまたは管理ビューがあります。今、私は自分のフォルダ構造に基づいて反応経路を定義する必要があるところで立ち往生しています。誰かが私のユースケースのために適切なフォルダ構造とルータ設定を提案してくれますか?FurtedとDashboardのReact Reduxフォルダ構造
1
A
答えて
0
いくつかの共通コンポーネントを使用する場合や、両側のアプリケーション(ユーザーとダッシュボード)がそれほど大きくない場合は、/client
のようにすべてのビューを同じディレクトリに保存できます。
経路については、それに応じて異なります。 react-router
、ofcのようなものを使用している場合。クライアントフォルダにルートを保存する必要があります。または、サーバー側とクライアント側でいくつかの共有関数(およびルート)を使用するためにcommon
のようなディレクトリを作成することもできます。
関連する問題
- 1. コンポーネントベースのReact-Reduxプロジェクトのディレクトリ構造
- 2. React/Reduxのツリー構造とshouldComponentUpdateでのパフォーマンスの問題
- 3. ReactとReduxを使用した認証フローの構造
- 4. "react-redux-form"を使用するときの状態構造
- 5. Javaパッケージ構造とフォルダ構造
- 6. ドメインとサブドメインのフォルダ構造
- 7. Railsフォルダ構造
- 8. Nightwatchjsフォルダ構造
- 9. asp.net mvcとjavascriptmvcフォルダ構造
- 10. ASP.NET MVCフォルダ構造とNuGet
- 11. Reduxとリモート/ローカルデータ構造の変換
- 12. プロジェクトファイルのフォルダ構造
- 13. JQueryのフォルダ構造
- 14. Symfonyのフォルダ構造
- 15. ウェブアプリのGo Langフォルダ構造
- 16. Pythonインポートモジュール、フォルダ構造
- 17. React Native Realmプロジェクトの構造
- 18. のEclipse:Cプロジェクトのフォルダ構造
- 19. Laravelの別のフォルダ構造
- 20. HMVC Ubuntuのフォルダ構造とセットアップ
- 21. EclipseとNetbeans Mavenのフォルダ構造
- 22. React/ReduxのJavascript関数の構文
- 23. InfiniteLoaderとreact-redux
- 24. 電子アプリケーションのフォルダ構造
- 25. リソース内のiOSフォルダ構造
- 26. 平均スタックアプリケーションのフォルダ構造
- 27. サイドバーのVSCフォルダ構造
- 28. Visual Studioのフォルダ構造
- 29. Cプロジェクトのフォルダ構造
- 30. ノードエクスプレスCRUDアプリケーションのフォルダ構造