Проект вложенного состояния 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 
         } 
        } 
       } 
      } 
     } 
    }; 

Лучше ли переместить деньДата к собственному редуктору или не имеет значения?

Answer 1

Моим советом было бы нормализовать ваше состояние в плоское состояние.

Вы должны взглянуть на: https://github.com/paularmstrong/normalizr и посмотреть видео Дэна Абрамовым на Умник о нормализации Redux состояния: https://egghead.io/lessons/javascript-redux-normalizing-api-responses-with-normalizr

Этот умник урок был один из самых важных вещей, которые я узнал о том, как управлять Redux состояние и я очень рекомендую посмотреть его и узнать больше об этом.

Недавно твиттер выпустил свой мобильный сайт с среагировать и Redux и там была статья рассекает их состояние, которое также может быть интересно читать: https://medium.com/statuscode/dissecting-twitters-redux-store-d7280b62c6b1#.2e55tu6wb

Answer 2

Вашего примера неизменного вложенного обновления данных правильно. Тем не менее, @Canastro также правильна - это хороший кандидат на нормализацию.

Я рекомендую вам прочитать http://redux.js.org/docs/faq/OrganizingState.html#organizing-state-nested-data и http://redux.js.org/docs/recipes/StructuringReducers.html в документации Redux, а также некоторые из статей в Redux Techniques#Normalization разделе моего React/Redux links list.