1. What is a thunk in Redux?

Question

Accepted Answer

A thunk in Redux is a function that allows you to write asynchronous logic that interacts with the Redux store. Instead of returning a plain action object, a thunk returns a function that can perform side effects like API calls, delays, or conditional dispatches before dispatching regular actions. **1. Async Logic:** Thunks handle asynchronous operations such as fetching data from an API. **2. Conditional Dispatch:** You can dispatch different actions based on certain conditions. **3. Side Effects:** Thunks can trigger side effects before updating the Redux state. **4. Integration with Middleware:** Redux Thunk middleware enables this pattern by interpreting functions returned from action creators. const fetchUser = (userId) => async (dispatch) => {
  dispatch({ type: 'user/fetchStart' });
  try {
    const response = await fetch(`/api/users/${userId}`);
    const data = await response.json();
    dispatch({ type: 'user/fetchSuccess', payload: data });
  } catch (error) {
    dispatch({ type: 'user/fetchFailure', error });
  }
}; Here, the thunk `fetchUser` dispatches multiple actions depending on the outcome of the asynchronous API call. import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';

export const fetchUser = createAsyncThunk('user/fetch', async (userId) => {
  const response = await fetch(`/api/users/${userId}`);
  return response.json();
});

1. What is a thunk in Redux?

Understanding Thunks in Redux Toolkit

1. What is a thunk in Redux?

Understanding Thunks in Redux Toolkit

Scenario Questions

Follow-up Questions