Redux：同じ種類のデータの異なるクエリを処理する方法は？

Question

私はreduxストアで同じ種類のデータを処理するベストプラクティスを探していますが、異なるクエリを使用することもできます。

ワードプレスのウェブサイトを想像してみてください。異なるページには、postsという異なる質問があります。たとえば、ホームページでは最新の10個の記事を取り出して還元店に保存しますが、カテゴリーページではposts店に投稿をもう一度取り込む必要がありますが、今は別の投稿があります前。

そして、これはタグ、分類、著者、日付、などのような多くの異なるページに適用されます...

だから基本的には各ケースのために別々のストアを作成するために有するので、良い解決策ではないようです多くの重複した値で終わる可能性があります。

Answer 1

これは、Fluxのコンセプトが最初に発明された理由の1つです。 The Case for FluxのPer Dan Dan Abramovの記事では、キャッシングクエリはFlux型アーキテクチャの優れた使用例です。

さらに、"single source of truth"を持つReduxの原則は、normalizing data in the storeの考え方と同じように適用されます。

全体的には、あなたの状態に複数の「テーブル」を持つ正規化された形式でデータを保存することをお勧めします。各結果セットをキャッシュに入れる状態に追加し、必要に応じて関心のある特定の投稿をUIのさまざまな部分に読み込ませます。

詳細については、organizing nested or duplicate dataのRedux FAQのエントリを参照してください。