Redux ToolKitin Asentaminen
1. Luo React-projekti
Jos sinulla ei vielä ole React-projektia, luo sellainen Create React App -työkalulla. Avaa komentorivi ja suorita:
npx create-react-app my-great-app
cd my-great-app
2. Redux Toolkitin asentaminen
Siirry projektihakemistoosi ja asenna Redux Toolkit:
npm install @reduxjs/toolkit
3. Lisäriippuvuuksien asentaminen
Redux Toolkit saattaa vaatia lisäriippuvuuksia, kuten react-redux. Näin Reduxia voidaan käyttää Reactissa. Asenna ne komennolla:
npm install react-redux
Kun olet suorittanut kaikki ohjeet, varmista, että package.json-tiedostossasi on alla luetellut riippuvuudet:
"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"
},
Projektirakenteesi tulisi näyttää seuraavalta:
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
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
Redux ToolKitin Asentaminen
Pyyhkäise näyttääksesi valikon
1. Luo React-projekti
Jos sinulla ei vielä ole React-projektia, luo sellainen Create React App -työkalulla. Avaa komentorivi ja suorita:
npx create-react-app my-great-app
cd my-great-app
2. Redux Toolkitin asentaminen
Siirry projektihakemistoosi ja asenna Redux Toolkit:
npm install @reduxjs/toolkit
3. Lisäriippuvuuksien asentaminen
Redux Toolkit saattaa vaatia lisäriippuvuuksia, kuten react-redux. Näin Reduxia voidaan käyttää Reactissa. Asenna ne komennolla:
npm install react-redux
Kun olet suorittanut kaikki ohjeet, varmista, että package.json-tiedostossasi on alla luetellut riippuvuudet:
"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"
},
Projektirakenteesi tulisi näyttää seuraavalta:
Kiitos palautteestasi!