Зачем нужен Redux Thunk

Redux Thunk позволяет обрабатывать асинхронные действия в Redux. По умолчанию Redux работает только с синхронными действиями, но в реальных приложениях часто нужны запросы к API, таймеры и другие асинхронные операции.

Thunk — это middleware, который проверяет, является ли действие функцией. Если да — вызывает её с dispatch и getState, позволяя отложить dispatch или выполнить его при условии.

Пример:

const fetchUser = (userId) => async (dispatch) => {
  dispatch({ type: 'FETCH_USER_REQUEST' });
  try {
    const response = await api.getUser(userId);
    dispatch({ type: 'FETCH_USER_SUCCESS', payload: response });
  } catch (error) {
    dispatch({ type: 'FETCH_USER_FAILURE', error });
  }
};

// Использование:
dispatch(fetchUser(123));

Без Thunk пришлось бы обрабатывать асинхронность вне Redux или использовать более сложные решения.