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
Mahtavaa!
Completion arvosana parantunut arvoon 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!