2016-11-30 7 views
3

私はリストビューとアプリケーションの詳細ビューを持っています。Reduxでリスト項目を処理する方法

/リストは、オブジェクトの束に関するいくつかの一般的なデータをプルダウンし、Reduxの

/リスト/ 5の配列にそれをスローリスト

/リスト上のアイテムのいずれかの詳細をつかみますあなたがサイト上でどんなルートを訪れても必ず呼び出されるので、最終的にリストには表示されます。

私は、リスト配列。

問題は、アイテムの詳細ルートに最初に行くと、アイテムの詳細よりもリストの取得に時間がかかることです。私はそれがどこにあるのかわからない。

これは間違っていますか?アイテムの詳細を店舗の別の場所に置く必要がありますか?私の考えは、ユーザーが項目の詳細を2回見て、追加のデータが既にリスト配列のインデックスに入っているかどうかを確認できるので、別のAPI呼び出しを行う必要はありません。それだけでは既に存在しますが、そうでない場合は電話をかけて詳細を引き出します

私はこの権利を説明していますが、私はreduxで物事を保存するための正しいパターンを見つけようとしています。

+0

私の答えはhttp://stackoverflow.com/questions/40898017/dealing-with-data-consistency-in-a-very-large-store-in-react-redux-spa-saasで情報へのリンクをご覧くださいデータの正規化について – markerikson

+0

私は今夜そこを見ていきます。ありがとうございました。 – DigitalDisaster

+0

@markeriksonあなたが答えとしてあなたのコメントを追加したら、それが正しいとマークします。非常に洞察力があり、助けになりました。私は今、レフィックスでもっと楽しく過ごしています。 – DigitalDisaster

答えて

3

https://stackoverflow.com/a/40898120/62937で私の答えからの引用:

はい、正規化されたReduxの店舗が標準勧告です。詳細については、Redux FAQ: Organizing Nested State,Structuring Reducers - Normalizing State ShapeおよびSelectors and NormalizationのReact/Reduxリンクリストを参照してください。

Reduxストアでリレーショナル/正規化データを操作する場合は、Redux-ORMというライブラリをお勧めします。一般的にReselectを使用する必要があります。Normalizrは受け取ったデータを正規化するのに適していますが、Redux-ORMは正規化されたデータをストアに格納した後にクエリや更新を行うための便利な抽象レイヤーを提供します。私はその使用法を記述したブログ記事を投稿しました:Redux-ORM BasicsRedux-ORM Concepts and Techniques

+0

スタックのオーバーフローの原因は、質問に答えることとサンプルを提供することです。他の外部記事へのリンクは避けてください。 – LMB

関連する問題