Basics (1/2)
What is the purpose of Redux Toolkit?

    Redux Toolkit (RTK) is the official, recommended way to write Redux logic. It simplifies state management by providing utilities that handle common Redux tasks like store setup, reducer creation, and immutable state updates.

    Key Benefits
    • Reducing Boilerplate: It eliminates the need for repetitive code by automatically generating action creators and action types through its createSlice API.
    • Simplifying Store Configuration: The configureStore function replaces the complex manual setup of the past, automatically adding standard middleware like Redux Thunk and enabling the Redux DevTools Extension by default.
    • Managing Immutability Automatically: By integrating the Immer library, RTK allows developers to write code that appears to 'mutate' state directly (e.g., state.push()), which is then safely converted into immutable updates under the hood.
    • Handling Asynchronous Logic: Tools like createAsyncThunk simplify common async patterns, such as tracking loading states (pending, fulfilled, rejected) for API calls.
    • Standardizing Server State: The included RTK Query provides a powerful, optional mechanism for data fetching and caching, often eliminating the need to hand-write thunks or reducers for server interactions.
    • Preventing Common Mistakes: It includes built-in checks for accidental state mutations and non-serializable values in development mode, significantly reducing the most common Redux bugs.
    Example: Creating a Slice with Redux Toolkit