大きな反応プロジェクトのベストプラクティス

Question

私は最初のreactjsプロジェクトを開発したいと思います。多くの見解と構成要素を持つ大きなプロジェクトになるでしょう。

構造を取得するにはどのようなベストプラクティスがよいでしょうか？ ReactJSは、フロントエンドのものと、RESTを介したPlayフレームワークのバックエンドとの通信のためのものではありません。

Answer 1

私はルータからスタートと言うでしょう。 URLが直接ヒットした場合はルータが動作することを確認してください。バックプレーンにはリアクトレンダリングが必要で、/ルートでレンダリングされるルートが必要です。それ以外の場合は自動的にNext.jsのようなものを使用してください。

クッキーを使用する場合は、早期にクッキーを使用することをお勧めします。

私はどのような種類のアプリケーションをビルドしているのかわかりませんが、私はReduxをグローバルな状態で使用することをお勧めします。いくつかのグローバル状態の使用例：

• APIからのデータを複数のコンポーネントによって使用される
• データの他の複数のコンポーネント
• 共有状態（ローディングによって使用される構成要素からの1つのボタンがある場合、例えば、ディスエーブルクリックしてロードし、異なる構成要素からある他のフィールドを無効にしたい、その良いがグローバルローダー用減速機）を有することが
あなたが components、ビュー、およびコンポーネントの多くを持っている3つのディレクトリを作成しようとしているので

、 containers,views。

ダム（ステートレス）コンポーネントのコンポーネントディレクトリを使用します。状態のコンポーネントのコンテナディレクトリを使用します。各コンポーネントは、CSSやイメージファイルを含むファイルまたはフォルダでも構いません。これらのコンポーネントは、コンポーネントJSファイルに直接含めることができます。最後に各ページのディレクトリを表示します。

ウェブパックの設定が不十分な場合は、create-react-appまたはnextjs2のスターターを使用してください。

私はあなたのアプリが何であるか、何をすべきか分からないので、私はさらにヒントを提供することができません。これが少し助けてくれることを願っています。

将来的には、特定の問題の質問や、このようなreddit、facebook反応グループ、または一般的な質問を可能にする他のフォーラムを使用するなどの質問について、Stackoverflowを使用することを検討してください。