В какой момент мидлвары отрабатывают в цикле Redux?

Question

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

YeaHub · Accepted Answer

Middleware в Redux выполняются в строго определенной последовательности между диспатчем экшена и его обработкой в редюсерах.Порядок выполнения:Диспатч экшена: store.dispatch(action)Обработка в middleware: Экшен проходит через всю цепочку middlewareДостижение редюсеров: После всех middleware экшен попадает в редюсерыОбновление состояния: Редюсеры возвращают новое состояниеДетальный процесс middleware:// Пример цепочки middleware
const middleware1 = store => next => action => {
  console.log('Middleware 1 до next');
  const result = next(action);
  console.log('Middleware 1 после next');
  return result;
};

const middleware2 = store => next => action => {
  console.log('Middleware 2 до next');
  const result = next(action);
  console.log('Middleware 2 после next');
  return result;
};

// Порядок выполнения при dispatch:
// 1. "Middleware 1 до next"
// 2. "Middleware 2 до next" 
// 3. Редюсеры обрабатывают экшен
// 4. "Middleware 2 после next"
// 5. "Middleware 1 после next"Ключевые аспекты:До next: Код выполняется ДО передачи экшена следующему middleware/редюсерамПосле next: Код выполняется ПОСЛЕ того как все последующие middleware и редюсеры завершили работуКонтроль потока: Middleware может полностью остановить передачу экшена дальше