Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Installasjon av Redux Toolkit | Komme i Gang med Redux Toolkit
Tilstandshåndtering med Redux Toolkit i React

bookInstallasjon av Redux Toolkit

1. Opprett et React-prosjekt

Hvis du ikke allerede har et React-prosjekt, opprett et ved å bruke Create React App. Åpne terminalen og kjør:

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

2. Installere Redux Toolkit

Naviger til prosjektmappen din og installer Redux Toolkit:

npm install @reduxjs/toolkit

3. Installere ekstra avhengigheter

Redux Toolkit kan kreve ekstra avhengigheter som react-redux. Dette gjør det mulig å bruke Redux i React. Installer dem ved å bruke:

npm install react-redux 

Når du har fullført alle instruksjonene, må du kontrollere at package.json-filen din inneholder avhengighetene som er oppført nedenfor:

"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"
},

Prosjektstrukturen din skal se ut som følgende:

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 4.17

bookInstallasjon av Redux Toolkit

Sveip for å vise menyen

1. Opprett et React-prosjekt

Hvis du ikke allerede har et React-prosjekt, opprett et ved å bruke Create React App. Åpne terminalen og kjør:

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

2. Installere Redux Toolkit

Naviger til prosjektmappen din og installer Redux Toolkit:

npm install @reduxjs/toolkit

3. Installere ekstra avhengigheter

Redux Toolkit kan kreve ekstra avhengigheter som react-redux. Dette gjør det mulig å bruke Redux i React. Installer dem ved å bruke:

npm install react-redux 

Når du har fullført alle instruksjonene, må du kontrollere at package.json-filen din inneholder avhengighetene som er oppført nedenfor:

"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"
},

Prosjektstrukturen din skal se ut som følgende:

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4
some-alt