Creating Your First React Redux Toolkit Project

If you're starting a new project with Create React App and want to set up Redux Toolkit, you can use the --template redux flag during project creation:

Kopier kode
Collapse
npx create-react-app my-redux-app --template redux

This will create a new React application with Redux Toolkit already configured.

We have the same list of installed libraries in dependencies in package.json, but the whole app already has predefined store, actions, and reducer.

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": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

We won't inspect all predefined tools here. We'll create our own in the future for more understanding and customization.

Remember that we have two options to introduce the React Redux library into our React app.