Писал ли Redux Middleware

«Писал ли Redux Middleware» — вопрос из категории Библиотеки, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Redux Middleware — это промежуточный слой между отправкой действия (dispatch) и его обработкой в редьюсере. Он позволяет модифицировать, логировать, откладывать или даже отменять действия.

Пример простого middleware для логирования:

const loggerMiddleware = store => next => action => {
  console.log('Dispatching:', action);
  const result = next(action); // Передаем действие дальше
  console.log('New state:', store.getState());
  return result;
};

Применяется через applyMiddleware при создании хранилища:

const store = createStore(reducer, applyMiddleware(loggerMiddleware));

Популярные middleware: redux-thunk (асинхронные действия), redux-saga (сложные сайд-эффекты).