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

Suggested prompts:

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

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