Приведи пример использования middleware

Middleware в Redux используется для обработки side effects, таких как асинхронные запросы, логирование, обработка ошибок или модификация actions перед их попаданием в редюсер. Это промежуточный слой между dispatch и редюсером.

Пример с Redux Thunk для асинхронных действий:

const fetchData = () => {
  return async (dispatch) => {
    dispatch({ type: 'FETCH_START' });
    try {
      const response = await fetch('/api/data');
      const data = await response.json();
      dispatch({ type: 'FETCH_SUCCESS', payload: data });
    } catch (error) {
      dispatch({ type: 'FETCH_ERROR', error });
    }
  };
};

Популярные middleware:

• Redux Thunk (асинхронные actions)
• Redux Saga (сложные side effects)
• Redux Logger (логирование actions)
• Redux Persist (сохранение состояния)