Installing Redux Toolkit

1. Create a React Project

If you don't have a React project yet, create one using Create React App. Open your terminal and run:

Kopier kode
Collapse
9
1
2
npx create-react-app my-great-app
cd my-great-app

2. Installing Redux Toolkit

Navigate to your project directory and install Redux Toolkit:

Kopier kode
Collapse
npm install @reduxjs/toolkit

3. Installing Additional Dependencies

Redux Toolkit may require additional dependencies like react-redux. This way, we can use Redux in React. Install them using:

Kopier kode
Collapse
npm install react-redux 

Once you have completed all the instructions, make sure to check that your package.json file includes the dependencies listed below:

json
Kopier kode
Collapse
99
1
2
3
4
5
6
7
8
9
10
11
"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Your project structure is supposed to look like the following: