問題タブ [react-boilerplate]

プロジェクトを開始するためにreact-boilerplateを構成しています。

私たちの開発環境は、アプリの「開発」バージョンをサブパスに公開します。次に例を示します。example.org/test/project-name

その後、プロジェクトを公開すると、そのまま残りますexample.org/

ハッシュ履歴ではなく、ブラウザー履歴 (HTML5 API) を使用したいと思います。しかし、これはbasenameReact Router を現在の環境に合わせて設定する必要があることを意味します。

現在、次の方法で静的ベース名を設定しようとしています。

しかし、アプリケーションを実行すると、ホームページは/ではなく のままです/test/project-name/。

したがって、質問は次のとおりです。

1. 私は何を間違っていますか？
2. ベース名を現在の環境に一致させるにはどうすればよいですか?

react-boilerplate プロジェクトから実行するnpm installと、いくつかのサードパーティ モジュールで以下のようなエラーが発生します。これらのモジュールはすべて、react-boilerplate ではなく、他のノード プロジェクトで正常に動作します。これらを修正する方法を知っている人はいますか？

私はredux-sagaを使用し、 expectを使用してテストしています。(驚くべき) React Boilerplateに示されている例に基づいて、(セレクターを使用して) Store から必要なデータを取得するサガをテストすることは問題ありません。

ただし、いくつかのサガは、ディスパッチされたアクションに含まれるデータに依存しています。

これをテストするために、saga をインポートして呼び出しています。

このため、サガを開始するアクションがないため、 の値idは常に false になります。

私のアクションとレデューサーは別々にテストされています。

私のreactjsプロジェクトにcssモジュールを使用しています。グローバルcssクラスを使用しようとしているファイルは次のとおりです。

ここに私のstyles.cssがあります

しかし、それは機能していません。インポートを間違えていると思います。グローバル css をインポートしてアプリケーションで使用するにはどうすればよいですか?

さて、私は初心者なので愚かな間違いをお詫び申し上げます。

コンテナーを別のコンテナーにネストして、アプリケーションのメイン ページによって処理される大量のコードにならないようにしたいと考えています。このロジックはすべて下位レベルのコンテナーに分散する必要があると思いますが、これを行うための最良の方法が見つかりません。アイデアは、メイン コンテナーの管理が難しくなりすぎないように、それぞれに独自のロジック、リデューサー、アクションなどを備えた複数のコンテナーを使用するメイン コンテナーを用意することです。

この時点での私の最善のアプローチは次のとおりです。

• mainContainer と nestedContainer の両方をリンクする特定のセレクターを作成し、
• mainContainer レデューサーにネストされたコンテナー レデューサーを状態に含め、
• mainContainer の componentWillMount 関数内でネストされたコンテナを redux.connecting します。

プロセスが複雑すぎると感じます。何か不足していますか？これは良い習慣ですか？私はこれをやり続けるべきですか？