What are thunks in Redux Toolkit?

What are thunks in Redux Toolkit?

Thunks are a middleware in Redux Toolkit that allow you to write action creators that return a function instead of an action.

How do I create a thunk in Redux Toolkit?

You can create a thunk by defining a function that takes 'dispatch' and 'getState' as arguments and returns another function.

Can you give me an example of a thunk?

Sure! Here's a simple example:

const fetchUser = (userId) => async (dispatch) => {
  const response = await fetch(`/api/users/${userId}`);
  const user = await response.json();
  dispatch(setUser(user));
};

What are the benefits of using thunks?

Thunks help manage asynchronous logic in Redux, making it easier to handle side effects like API calls.