# Vaihe 3
Keskity reducerin luomiseen, joka käsittelee lähetetyt toiminnot ja päivittää goals-tilan Redux-kaupassa. Reducerit ovat puhtaita funktioita, jotka määrittelevät, miten tila muuttuu toimintojen perusteella.
## Esimerkki

## Haaste
1. Avaa tiedosto `goalReducer.js`.
2. Luo reducer käyttämällä `createReducer`-funktiota `@reduxjs/toolkit`-paketista. Tämä funktio yksinkertaistaa reducerien luomista.
3. Aseta goals-tilan alkuarvoksi tyhjä taulukko (`[]`).
4. Määrittele `createReducer`-funktion sisällä eri toimintojen tapaukset käyttäen `goalAction.js`-tiedostossa luotuja toimintoja.
5. Lisäämistä varten käytä `.addCase`-metodia ja anna ensimmäiseksi argumentiksi `addGoal`-toiminto. Vastaavassa palautefunktiossa päivitä tila lisäämällä `action.payload` (tavoite) tilataulukkoon.
6. Poistamista varten käytä `.addCase`-metodia ja anna ensimmäiseksi argumentiksi `removeGoal`-toiminto. Vastaavassa palautefunktiossa päivitä tila palauttamalla uusi taulukko, josta on suodatettu pois se tavoite, jonka `goal.id` täsmää tilataulukossa.

1. `createReducer`-funktio yksinkertaistaa reducerien luomista tarjoamalla kätevän syntaksin.
2. Käytä `.addCase`-olion `builder`-metodia määritelläksesi eri toimintojen tapaukset.
3. Pääset käsiksi toiminnon payloadiin käyttämällä `action.payload`.

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: Toteuta Reducer

Vaihe 3

Esimerkki

Haaste

Haaste: Toteuta Reducer

Vaihe 3

Esimerkki

Haaste