reactjs - Flux + データライフサイクル

Question

FLUX アプリケーションでは、初期化などのアクションを介して、特定のデータ セットがストアに取り込まれます。次の場合はどうしますか。

1. ストアは段階的に初期化する必要があります。(一度に 1 人ずつユーザーを追加します)。
2. ユーザーが既にストアにいる場合は、しばらく経っていない限り、ユーザーを再度フェッチしないでください。

異なるアクション クリエーターで HTTP リクエストを行うと、必要以上のリクエストが発生するようです。2 レベルのキャッシュが必要ですか? アクション HTTP API レイヤー (アクション作成者) に 1 つ、ストアに 1 つ? これは冗長に見えませんか？

Answer 1

そのすべてのロジックをストアに保管します。重要なのは、フェッチ、受信、およびエラーに対して個別のアクション作成者を持つことです。

1. ただし、増分フェッチ アクションを適切に呼び出します。ストアはフェッチ アクションを処理し、キャッシュに存在するかどうかを確認します。そうでない場合は、リクエストを行います。
2. API 応答は受信アクションにプッシュされます。このアクションがストアで処理されると、適切な方法でキャッシュに追加され、ストアの変更イベントが開始されます。
3. 応答がエラーの場合は、それをエラー アクション クリエーターにプッシュして、別の場所で処理できるようにします。

応答が返される前に複数のフェッチ アクションが発生する可能性がある場合は、Micah が行っているようにプレースホルダーをキャッシュにプッシュできます。