What are the key properties inside createSlice()?

Q: What are the key properties inside createSlice()?

**`createSlice()`** is a function provided by Redux Toolkit that simplifies creating Redux logic for a specific feature. It accepts an object with key properties that define the slice's behavior — including its **name, initial state, and reducers.** **`name`:** A string that identifies the slice and prefixes generated action types. **`initialState`:** Defines the default state for that slice of the store. **`reducers`**: An object containing reducer functions that define how the state changes in response to actions. Action creators are automatically generated from these. **`extraReducers` (optional)**: Handles actions defined outside the slice, such as those created by `createAsyncThunk` or other slices. import { createSlice } from '@reduxjs/toolkit'; const todoSlice = createSlice({ name: 'todos', // Slice name initialState: [], // Default state reducers: { addTodo: (state, action) => { state.push({ id: Date.now(), text: action.payload }); }, removeTodo: (state, action) => { return state.filter(todo => todo.id !== action.payload); } }, extraReducers: (builder) => { builder.addCase('user/logout', () => []); // Reset todos on logout } }); export const { addTodo, removeTodo } = todoSlice.actions; export default todoSlice.reducer;

Difficulty: 4/10

slice configuration, reducers vs extraReducers, payload handling

createSlice() is a function provided by Redux Toolkit that simplifies creating Redux logic for a specific feature. It accepts an object with key properties that define the slice's behavior — including its name, initial state, and reducers.

Key Properties of createSlice()

1
name: A string that identifies the slice and prefixes generated action types.
2
initialState: Defines the default state for that slice of the store.
3
reducers: An object containing reducer functions that define how the state changes in response to actions. Action creators are automatically generated from these.

Example: createSlice() with Main Properties

Scenario Questions

0-2 years experience

Follow-up Questions