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

Suggested prompts:

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

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