Reduxネスト状態のデザイン

Question

現在、私はそれが間違っているかどうか、私が使用している減速機の例については、より複雑な状態になっていると思います。

case RECEIVE_DEPARTMENT_DAYDATA: 
    return { 
     ...state, 
     departments: { 
      ...state.departments, 
      [action.payload.targetDepartment]: { 
       ...state.departments[action.payload.targetDepartment], 
       dayData: { 
        ...state.departments[action.payload.targetDepartment].dayData, 
        [action.payload.day]: { 
         ...state.departments[action.payload.targetDepartment].dayData[action.payload.day], 
         [action.payload.targetField]: { 
          ...action.payload.data, 
          isFetching: false, 
          receivedAt: new Date(), 
          didInvaldiate: false, 
          didCall: true 
         } 
        } 
       } 
      } 
     } 
    }; 

dayDataを自分のレデューサーに移動する方が良いですか、それとも違いはありませんか？

Answer 1

私のアドバイスは、あなたの状態を平らな状態に正規化することです。

あなたはに見てみる必要があります：https://github.com/paularmstrong/normalizr そして正規Reduxの状態についてのインテリのダンアブラモフ監督のビデオを参照してください。https://egghead.io/lessons/javascript-redux-normalizing-api-responses-with-normalizr

このインテリレッスンは、私はReduxの状態を管理する方法について学んだ最も重要なものの一つでした私はそれを見てこのことについてもっと読むことを強く勧めます。

最近Twitterが反応し、Reduxのも面白い読み取りかもしれないそれらの状態を解剖記事がありましたし、自分のモバイルウェブサイトをリリースしました：不変のネストされたデータ更新のhttps://medium.com/statuscode/dissecting-twitters-redux-store-d7280b62c6b1#.2e55tu6wb

Answer 2

あなたの例が正しいです。しかし、@Canastroも正しいです - これは正規化のための良い候補です。

私はReduxのドキュメントにhttp://redux.js.org/docs/faq/OrganizingState.html#organizing-state-nested-dataとhttp://redux.js.org/docs/recipes/StructuringReducers.html一読することをお勧めします、だけでなく、私のReact/Redux links listのRedux Techniques#Normalizationセクションの記事のいくつかと思います。