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: