# Vaihe 1
Keskity Redux-storen määrittämiseen ja integroimiseen koko sovellukseen. Redux-store toimii sovelluksen tilan keskitettynä säilytyspaikkana, ja sen yhdistäminen sovellukseen mahdollistaa komponenttien tilan käytön ja toimintojen lähettämisen.
## Esimerkki

## Haaste
1. Avaa `store.js`-tiedosto, joka sijaitsee `redux`-kansiossa.
2. Käytä `configureStore`-funktiota paketista `@reduxjs/toolkit` Redux-storen luomiseen. Tämä funktio tarjoaa yksinkertaistetun tavan storen määrittämiseen, järkevillä oletusasetuksilla ja sisäänrakennetulla middlewarella.
3. Muokkaa `index.js`-tiedostoa niin, että luotu store integroidaan koko sovellukseen.
4. Tuo `Provider`-komponentti paketista `react-redux`.
5. Kääri `App`-komponentti `Provider`-komponenttiin. Tämä tekee Redux-storen saataville kaikille sovelluksen komponenteille.
6. Anna `store`-prop `Provider`-komponentille. Tämä yhdistää sovelluksen luotuun Redux-storeen, mahdollistaen komponenttien tilan käytön ja toimintojen lähettämisen.

1. `configureStore`-funktio yksinkertaistaa Redux-storen luomista tarjoamalla järkevät oletusasetukset ja sisäänrakennetun middleware-tuen.
2. `Provider`-komponenttia paketista `react-redux` käytetään tekemään Redux-store saataville komponenteille.
3. Varmista, että `Provider`-komponentti käärii sovelluksen juurikomponentin (yleensä `App`-komponentin).

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: Redux-Kaupan Perustaminen

Vaihe 1

Esimerkki

Haaste

Awesome!

Haaste: Redux-Kaupan Perustaminen

Vaihe 1

Esimerkki

Haaste