Redux多対多関係

Question

私はReduxで多対多の関係を作成するための良い構造を理解しようとしています。この例では、イメージ（複数のタグを持つことができる）とタグ（複数のイメージを持つことができます）があります。

これはReduxで構造化するのに適していますか？

images: { 
    1: { 
     title: "A bunch of hills" 
    }, 
    2: { 
     title: "Hiking in a forest" 
    } 
}, 
tags: { 
    1: { 
     title: "landscape" 
    }, 
    2: { 
     title: "outdoors" 
    } 
}, 
imagesTags: { 
    [ 
     image: 1, 
     tag: 1 
    ], 
    [ 
     image: 1, 
     tag: 2 
    ], 
    [ 
     image: 2, 
     tag: 2 
    ] 
} 

それは私が私のモジュラー構造で台無し別の減速を作成する必要がありますが、私はそれは常に関連の減速を持っていることの結果になるだろうと思いを意味します。

Answer 1

これは「正規化」状態の例です。 ReduxドキュメントはStructuring Reducersセクションの正規化をカバーしています。 Structuring Reducers - Prerequisite Concepts,Structuring Reducers - Normalizing State ShapeおよびStructuring Reducers - Updating Normalized Dataを参照のこと。また、Redux FAQでは正規化について"How do I organize nested or duplicate data in my state?"について説明しています。

これ以外にも、私はRedux-ORMというライブラリを使用して、Reduxストア内のリレーショナルデータを管理することができます。私はそれをどのように使用するかを議論するいくつかの投稿を書いた：Practical Redux Part 1: Redux-ORM BasicsとPractical Redux Part 2: Redux-ORM Concepts and Techniques。私の"Practical Redux" tutorial seriesの残りの部分も、実際にこのライブラリを示しています。