Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Installing Redux Toolkit | Getting Started with Redux Toolkit
State Management with Redux Toolkit in React

bookInstalling 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:

npx create-react-app my-great-app
cd my-great-app

2. Installing Redux Toolkit

Navigate to your project directory and install Redux Toolkit:

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:

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:

"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:

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 4

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 4.17

bookInstalling Redux Toolkit

Svep för att visa menyn

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:

npx create-react-app my-great-app
cd my-great-app

2. Installing Redux Toolkit

Navigate to your project directory and install Redux Toolkit:

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:

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:

"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:

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 4
some-alt