Q1. What is Redux Toolkit?
Redux Toolkit is the official, opinionated toolset for efficient Redux development. It simplifies common Redux tasks, reduces boilerplate, and includes utilities like createSlice, configureStore, and createAsyncThunk.
Q2. What is createSlice?
createSlice automatically generates action creators and action types based on the reducers you define. It uses Immer internally to allow mutable-like syntax. Example: const counterSlice = createSlice({ name: 'counter', initialState, reducers: { increment: (state) => { state.value += 1; } } });
Q3. How do you configure a store with Redux Toolkit?
Use configureStore which automatically sets up the store with good defaults, including thunk middleware and DevTools. Example: const store = configureStore({ reducer: { counter: counterSlice.reducer } });
Q4. What is createAsyncThunk?
createAsyncThunk simplifies handling asynchronous actions. It generates action types for pending, fulfilled, and rejected states. You provide a payload creator that returns a promise, and reducers can handle those actions.
Q5. Why use Redux Toolkit over plain Redux?
It reduces boilerplate, enforces best practices, and includes powerful tools like Immer and Redux DevTools integration. It's the recommended way to write Redux logic.