Блог

Я работаю с NgRx для реализации Redux. Я пытаюсь понять шаблон redux. Зачем нам нужно отправлять действие? Почему мы не можем просто вызвать userReducer функцию непосредственно из сервисного кода ниже, передавая правильное действие? Спасибо!

Сервисный код:

this.store.dispatch(new userActions.SetName({"bob"})

user.action.ts:

     readonly type = UserActionTypes.SET_NAME
    constructor(public payload: string) { }
    }
  

user.reducer.ts:

 export function userReducer(
   state: UserState = BEGINNING_STATE
   action: UserActions
)
switch(action.type) {
case UserActionTypes.SET_NAME:
   return {
      ...state,
      Name: state.Name
   }
}
  

Вы отделяете «указать, что что-то произошло» (действие) от «сделать это, если произошло X» (редуктор / промежуточное программное обеспечение). Если вы вызываете reducer напрямую, у вас нет такого разделения, поэтому, если вы реорганизуете кнопку, которая отправляет приращение на кнопку, которая выполняет один конкретный редуктор, вы просто изменили код на кнопку, которая при нажатии указывает ПРИРАЩЕНИЕ, на кнопку, которая при нажатии изменяет состояние определенным образом. Есть много преимуществ, которые это разделение может иметь в больших сложных приложениях.

У Facebook было большое приложение, над которым работали несколько человек в разных точках мира (facebook chat), и в этом приложении есть несколько компонентов, которые должны указывать на то, что что-то произошло, но вместо этого напрямую меняют состояние или вызывают побочные эффекты, которые нарушают код других людей. Итак, они придумали шаблон, который исправил это. Теперь разработчики могут создавать компоненты, которые будут указывать только на то, что что-то произошло, чтобы другие разработчики могли написать код, который должен быть выполнен, когда происходят определенные вещи.

Инструменты redux devtools сохраняют действия и результирующее состояние, чтобы упростить отладку. Если что-то не работает, первое, что вы должны сделать, это проверить devtools, чтобы увидеть, отправлены ли правильные действия и правильно ли они изменили состояние.

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