Side Effects после исполнения reducer'a?

Question

[DenJel]

Здравствуйте, изучаю Redux. Как я понял любые асинхронные действия и сайд эффекты должны происходить в мидлваре. Но Если допустим ты изменил state в рудьюсере и хочешь тут же его сохранить в БД ( ну или какую то его часть, не суть). Как быть тогда? Как то я не понимаю логики. Почему редьюссер замыкает цепочку изменения стейта? Объясните, пожалуйста. Можно на примере localStorage. Спасибо.

Answer 1

[Захар Орлов]

Редьюсер не замыкает цепочку изменения стейта. От получает экшн и возвращает новый стейт. По сути только редьюсер можно "изменять" стейт.
Сохранение данных в localStorage - это тоже сайд эффект, и оно должно происходить в мидлваре.

Например, с redux-thunk:

const asyncAction = () => {
  return (dispatch, getState) => {
    localStorage.setItem('state', JSON.stringify(getState()))
    return dispatch(someAction())
  }
}

Comments

[DenJel]

Да, это понятно, а что если надо стейт сохранять, после изменения в редьюссере? ведь мидлвару можно только до него поставить пока стейт не изменился.

[Захар Орлов]

Вы можете подписаться на изменения стейта store.subscribe(handleChange), после того как редьюсер изменит стейт, вызывается handleChange().

Может вам пригодится https://github.com/michaelcontento/redux-storage
https://github.com/elgerlambert/redux-localstorage

[DenJel]

Захар Орлов: спасибо, subscribe то что нужно)

Answer 2

[Максим]

Как я понял любые асинхронные действия и сайд эффекты должны происходить в мидлваре.

Не совсем согласен. В action creators тоже можно практически безнаказанно провернуть какой-нибудь side-effect (сохранить токен в localStorage, например, после LOGIN_SUCCESS).