Angular Academy · Oppitunti

Toiminnot ja reducerit

Hallinnoikaa tilaa toimintojen ja reducerien avulla.

Oppitunti 2/310 vaihetta

Toiminnot ja reducerit on ilmainen Angular Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/3. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Angular Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Angular Academy-kurssilla on yhteensä 3 oppituntia.

Johdanto Actioneihin ja Reducereihin

Actionit ja Reducerit

Oppikaa hallitsemaan tilaa NgRx-sovelluksissa actionien ja reducerien avulla.

Mitä Actionit ovat

Actionit kuvaavat sovelluksen yksilöllisiä tapahtumia tai toimintoja, kuten tietojen lataamista tai käyttäjän toimia.

Actionien luominen

Luo actionit käyttämällä createAction()-funktiota:

export const login = createAction('[Login Page] Login');

Actionien hyötykuormat

Välitä tietoja actionien mukana hyötykuorman avulla:

export const loadUser = createAction('[User] Load', props<{ userId: number }>());

Reducerit

Reducerit käsittelevät tilan siirtymiä actionien perusteella. Ne palauttavat uuden tilan muuttamatta olemassa olevaa tilaa suoraan.

Reducerien luominen

Määritä tilan muuttuminen käyttämällä createReducer-funktiota:

export const userReducer = createReducer(
  initialState,
  on(loadUser, (state, action) => ({ ...state, user: action.userId }))

Tilan päivittäminen

Reducerien on aina palautettava uudet tilaoliot. Älkää koskaan muuttako olemassa olevaa tilaa suoraan.

on(loadUser, (state, action) => ({ ...state, user: action.userId }))

Reducerien yhdistäminen

Yhdistä useita reducereita yhdeksi juurireduceriksi monimutkaisten tilojen hallintaa varten:

StoreModule.forRoot({ users: userReducer, posts: postReducer })

Actionien ja Reducerien yhteenveto

Yhteenveto

Olette oppineet luomaan actioneita ja reducereita tilan tehokkaaseen hallintaan Angularissa NgRx:n avulla!

Aloita maksutta

Opi HTML tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 38
Oppitunnit: 144

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Toiminnot ja reducerit” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Angular Academy-oppimispolun 3 oppituntia, myös oppitunnin “Toiminnot ja reducerit”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Angular Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Toiminnot ja reducerit”?

Hallinnoikaa tilaa toimintojen ja reducerien avulla. Harjoittelet Angular Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Angular Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Angular Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/3.

Kuinka kauan ”Toiminnot ja reducerit”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Angular Academy-oppitunnilla?

Kyllä. Jokainen Angular Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: Angular Academy