Middleware action dispatch आणि reducer पर्यंत action पोहोचणे यांच्यातील बसते, ज्यामुळे तुम्हाला side effects (async API calls, logging) हाताळण्यासाठी actions intercept करता येते — जे reducers करू शकत नाहीत कारण ते pure राहिले पाहिजेत. Thunks सर्वात सामान्य middleware आहेत, जे async logic सक्षम करतात.
dispatch(action) → [ middleware 1 → middleware 2 → ... ] → reducer → store
(can inspect, modify, delay, or stop actions; do side effects)
Middleware dispatch ला गुंडाळते, त्यामुळे प्रत्येक action reducers पर्यंत पोहोचण्यापूर्वी त्यातून जाते. हे side effects साठी नियुक्त जागा आहे जे reducers प्रतिबंधित करतात.
// reducers are pure → can't do this. Plain actions are just objects → can't either.
async function loadUsers() {
const users = await fetch("/api/users").then(r => r.json()); // a SIDE EFFECT
// ...need to dispatch the result into the store
}
तुम्हाला async work (fetch) करण्यासाठी आणि नंतर परिणाम dispatch करण्यासाठी एक जागा हवी आहे. Thunk middleware तुम्हाला सादा object च्या बजाय function dispatch करण्याची परवानगी देते.
// a "thunk" is a function (dispatch, getState) => { ... } doing async work
function fetchUsers() {
return async (dispatch, getState) => {
dispatch({ type: "users/loading" }); // 1. signal loading
try {
const users = await api.getUsers(); // 2. async side effect
dispatch({ type: "users/loaded", payload: users }); // 3. dispatch the result
} catch (err) {
dispatch({ type: "users/error", payload: err.message }); // 4. handle errors
}
};
}
// thunk middleware sees a FUNCTION was dispatched and calls it with dispatch/getState
store.dispatch(fetchUsers());
Thunk async work करतो आणि प्रत्येक टप्प्यावर सादे actions (loading/loaded/error) dispatch करतो — reducers pure राहतात तर side effect thunk मध्ये राहते.
✓ Logging every action, analytics, crash reporting
✓ Redux Toolkit includes thunk by default + createAsyncThunk for less boilerplate
Alternatives for complex async flows: redux-saga (generators), redux-observable (RxJS)
Middleware हे तर Redux असे काही हाताळते ज्या reducers करू शकत नाहीत — विशेषतः async side effects — ही गुणवत्ता राखून जी reducers ला अंदाजे आणि test करायला सक्षम बनवते.
Thunks async करण्यासाठी मानक, सहज मार्ग आहेत (डेटा fetch करणे, loading/success/error actions dispatch करणे).
Middleware pipeline आणि thunk pattern समजणे खरे Redux apps साठी आवश्यक आहे, कारण जवळजवळ सर्वांना डेटा लोड करण्याची गरज असते; RTK चा createAsyncThunk अगदी याच आधारावर बनलेला आहे.