Installasjon 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:
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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
Installasjon 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:
Takk for tilbakemeldingene dine!