Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Ensimmäisen React Redux Toolkit -Projektin Luominen | Aloitus Redux Toolkitin Kanssa
Tilanhallinta Redux Toolkitilla Reactissa

bookEnsimmäisen React Redux Toolkit -Projektin Luominen

Jos aloitat uuden projektin Create React Appilla ja haluat ottaa Redux Toolkitiin käyttöön, voit käyttää --template redux -lippua projektin luonnin yhteydessä:

npx create-react-app my-redux-app --template redux

Tämä luo uuden React-sovelluksen, jossa Redux Toolkit on jo valmiiksi konfiguroitu.

Meillä on sama lista asennetuista kirjastoista dependencies-osiossa tiedostossa package.json, mutta koko sovelluksella on jo ennalta määritelty store, actions ja reducer.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Emme tarkastele kaikkia ennalta määriteltyjä työkaluja tässä. Luomme omamme myöhemmin syvemmän ymmärryksen ja mukauttamisen vuoksi.

Muista, että meillä on kaksi vaihtoehtoa ottaa React Redux -kirjasto käyttöön React-sovelluksessamme.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Suggested prompts:

What are the two options for introducing React Redux into a React app?

Can you explain the difference between the predefined tools and creating our own?

Why might we want to create our own Redux setup instead of using the predefined one?

bookEnsimmäisen React Redux Toolkit -Projektin Luominen

Pyyhkäise näyttääksesi valikon

Jos aloitat uuden projektin Create React Appilla ja haluat ottaa Redux Toolkitiin käyttöön, voit käyttää --template redux -lippua projektin luonnin yhteydessä:

npx create-react-app my-redux-app --template redux

Tämä luo uuden React-sovelluksen, jossa Redux Toolkit on jo valmiiksi konfiguroitu.

Meillä on sama lista asennetuista kirjastoista dependencies-osiossa tiedostossa package.json, mutta koko sovelluksella on jo ennalta määritelty store, actions ja reducer.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Emme tarkastele kaikkia ennalta määriteltyjä työkaluja tässä. Luomme omamme myöhemmin syvemmän ymmärryksen ja mukauttamisen vuoksi.

Muista, että meillä on kaksi vaihtoehtoa ottaa React Redux -kirjasto käyttöön React-sovelluksessamme.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 5
some-alt