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 <a href="https://nodejs.org/en" target="_blank"><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> Node.js:n virallisesta dokumentaatiosta</a> niiden asentamiseksi koneellesi.
```
node -v
npm -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ä.

Tutustu Redux Toolkitiin yhdessä Reactin kanssa ja tehosta tilanhallintataitojasi. Tämä kurssi esittelee kattavasti Redux Toolkitiin, tehokkaan kirjaston tilanhallintaan. Opit yksinkertaistamaan Reduxin käyttöönottoa, selkeyttämään monimutkaista tilalogiikkaa ja luomaan tehokkaita, skaalautuvia React-sovelluksia.

Tutustu tilanhallinnan peruskäsitteisiin ja opi hyödyntämään Redux Toolkitiä tehokkaasti. Opastamme asennusprosessissa ja autamme luomaan ensimmäisen React Redux Toolkit -projektisi. Lisäksi kohtaat haasteen, jolla voit testata ymmärrystäsi ja taitojasi.

Tutustu Reduxin integrointiin React-sovelluksissa käsitellen keskeisiä käsitteitä: toiminnot, reducerit ja Redux-store. Sisältää käytännön esimerkkejä ja koodiselityksiä storen konfiguroinnista, reducereiden luomisesta sekä React-komponenttien yhdistämisestä hookien, kuten useSelectorin ja useDispatchin, avulla.

Tehosta taitojasi tilanhallinnassa. Tässä käytännön työpajassa ratkot todellisia haasteita ja saat käytännön kokemusta Redux Toolkitin hyödyntämisestä sujuvassa sovelluskehityksessä.

Haaste: Asenna Redux Toolkit

Awesome!

Haaste: Asenna Redux Toolkit