Redux Thunk

// Без Thunk (синхронное действие)
const increment = () => ({
  type: 'INCREMENT'
});

// С Thunk (асинхронное действие)
const incrementAsync = () => {
  return (dispatch) => {
    dispatch({ type: 'INCREMENT_REQUEST' });
    
    setTimeout(() => {
      dispatch({ type: 'INCREMENT_SUCCESS' });
    }, 1000);
  };
};

// Пример с API запросом
const fetchUser = (userId) => {
  return async (dispatch, getState) => {
    try {
      dispatch({ type: 'FETCH_USER_REQUEST' });
      
      const response = await fetch(`/api/users/${userId}`);
      const data = await response.json();
      
      dispatch({ 
        type: 'FETCH_USER_SUCCESS',
        payload: data
      });
    } catch (error) {
      dispatch({ 
        type: 'FETCH_USER_ERROR',
        error: error.message
      });
    }
  };
};

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(
  rootReducer,
  applyMiddleware(thunk)
);