正規化されたReduxデータ構造内のオブジェクトの順序を並べ替える

Question

正規化されたReduxデータ構造が文字列IDでインデックスされています。他のプロパティの中でも、状態の各オブジェクトにはsequenceNumberがあり、リストまたはグリッドで順に表示するために使用されます。アイテムをドラッグ＆ドロップすると、アイテムを並べ替えることができます。

私は、シーケンス番号を更新するためにきれいで純粋なアプローチを見つけるのに苦労しています。 Redux減速機でこれを行う良い方法は何ですか？

---

私の現在のstateデータ構造は、基本的に次のとおりです。

{ 
    'asdf': { title: 'Item 1', sequence: 0, ... }, 
    '1234': { title: 'Item 2', sequence: 1, ... }, 
    'zzzz': { title: 'Item 3', sequence: 2, ... } 
} 

私の行動は状態に

{ 
    'asdf': { title: 'Item 1', sequence: 1, ... }, 
    '1234': { title: 'Item 2', sequence: 0, ... }, 
    'zzzz': { title: 'Item 3', sequence: 2, ... } 
} 

私の現在の減速機の用途をもたらすべきである

{ type: REORDER_ITEMS, oldRow: 1, newRow: 0 } 

ですObject.keys(state).reduce()を使用して項目をループし、希望の行番号よりも大きいか小さいかによって、sequenceを1つずつ変更します。これを管理するためのより良い方法はありますか？

Answer 1

さらにステップを正規化することができます。シーケンスを別の状態スライスで抽出し、その順序をIDの配列として格納します。

{ 
    items : { 
    'asdf': { title: 'Item 1', ... }, 
    '1234': { title: 'Item 2', ... }, 
    'zzzz': { title: 'Item 3', ... } 
    }, 
    sequence: ['1234', 'asdf', 'zzzz'] 
} 

このようにして、配列操作を使用してシーケンスを変更するアクションを処理する別のレデューサーを持つことができます。