Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Redux ToolKitin Asentaminen | Aloitus Redux Toolkitin Kanssa
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Tilanhallinta Redux Toolkitilla Reactissa

bookRedux 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:

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

bookRedux 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:

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 4
some-alt