Installera Redux Toolkit
1. Skapa ett React-projekt
Om du ännu inte har ett React-projekt, skapa ett med Create React App. Öppna din terminal och kör:
npx create-react-app my-great-app
cd my-great-app
2. Installera Redux Toolkit
Navigera till din projektmapp och installera Redux Toolkit:
npm install @reduxjs/toolkit
3. Installera ytterligare beroenden
Redux Toolkit kan kräva ytterligare beroenden som react-redux. På så sätt kan vi använda Redux i React. Installera dem med:
npm install react-redux
När du har slutfört alla instruktioner, kontrollera att din package.json-fil innehåller följande beroenden:
"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"
},
Din projektstruktur ska se ut enligt följande:
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you explain what each dependency in the package.json is used for?
What should I do if my package versions are different from those listed?
Can you describe the main folders and files in the project structure?
Awesome!
Completion rate improved to 4.17
Installera Redux Toolkit
Svep för att visa menyn
1. Skapa ett React-projekt
Om du ännu inte har ett React-projekt, skapa ett med Create React App. Öppna din terminal och kör:
npx create-react-app my-great-app
cd my-great-app
2. Installera Redux Toolkit
Navigera till din projektmapp och installera Redux Toolkit:
npm install @reduxjs/toolkit
3. Installera ytterligare beroenden
Redux Toolkit kan kräva ytterligare beroenden som react-redux. På så sätt kan vi använda Redux i React. Installera dem med:
npm install react-redux
När du har slutfört alla instruktioner, kontrollera att din package.json-fil innehåller följande beroenden:
"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"
},
Din projektstruktur ska se ut enligt följande:
Tack för dina kommentarer!