Tässä harjoituksessa opit asentamaan Redux Toolkitiin ja sen vaadittavat riippuvuudet uuteen React-projektiin.

Esivaatimukset

Varmista ennen jatkamista, että olet asentanut Node.js:n ja NPM:n tietokoneellesi. Voit tarkistaa tämän tarkistamalla niiden versiot. Jos näet versionumerot, voit jatkaa tehtävää. Muussa tapauksessa katso Node.js:n virallisesta dokumentaatiosta niiden asentamiseksi koneellesi.

node -v
npm -v

Tehtävä

Vaihe 1: Luo uusi React-projekti

Avaa komentorivi. Luo uusi React-projekti käyttämällä Create React App -työkalua. Suorita seuraava komento:

npx create-react-app my-redux-app

Siirry projektihakemistoosi:

cd my-redux-app

Vaihe 2: Asenna Redux Toolkit ja riippuvuudet

Projektihakemistossasi suorita seuraava komento asentaaksesi Redux Toolkitiin:

npm install @reduxjs/toolkit

Redux Toolkit voi vaatia lisäriippuvuuksia. Asenna ne seuraavalla komennolla:

npm install react-redux

Vaihe 3: Varmista asennus

1. Avaa koodieditori ja siirry React-sovelluksesi projektihakemistoon;
2. Tarkista package.json -tiedosto juurihakemistosta varmistaaksesi, että tarvittavat riippuvuudet on listattu;
3. @reduxjs/toolkit-osiossa tulisi näkyä merkinnät react-redux ja dependencies.

Vaihe 4: Käynnistä kehityspalvelin

1. Palaa takaisin terminaaliin;
2. Käynnistä kehityspalvelin suorittamalla:

npm start

Avaa verkkoselain ja siirry osoitteeseen http://localhost:3000. Sinun pitäisi nähdä React-sovelluksesi käynnissä.