How do I set up Redux Toolkit in my React application?

How do I set up Redux Toolkit in my React application?

To set up Redux Toolkit, first install it using npm or yarn. Run npm install @reduxjs/toolkit react-redux.

What files do I need to create after installation?

You need to create a store file, typically named store.js, and a slice file for your state management.

Can you show me an example of a slice?

Sure! Here's a simple example:

import { createSlice } from '@reduxjs/toolkit';

const counterSlice = createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {
    increment: state => state + 1,
    decrement: state => state - 1,
  },
});

export const { increment, decrement } = counterSlice.actions;
export default counterSlice.reducer;

How do I connect the store to my React app?

Wrap your application with the Provider component from react-redux and pass the store as a prop.