Как добавить несколько middleware в Redux store?

Обзор

Чтобы добавить несколько middleware в Redux, используй функцию applyMiddleware() из библиотеки Redux. Эта функция принимает несколько middleware в качестве аргументов и возвращает enhancer, который настраивает твой store.

Реализация

Функция applyMiddleware() принимает middleware как отдельные аргументы и связывает их вместе в указанном порядке.

Пример

Ключевые моменты

• Порядок middleware имеет значение – middleware выполняются в порядке, в котором они переданы в applyMiddleware()
• Популярные middleware включают:
  • redux-thunk – для обработки асинхронных действий
  • redux-logger – для логирования изменений состояния
  • Самописные middleware – для логики, специфичной для приложения
• Функция возвращает store enhancer, который оборачивает исходную функцию createStore
• Несколько middleware работают вместе как цепочка, где каждое middleware может перехватить, изменить или передать дальше действие

Современный подход

С Redux Toolkit ты можешь упростить это, используя configureStore(), который автоматически подключает стандартные middleware: