Redux

Redux is used for handling state in React applications.

  • ApplikasjonstilstandshĂ„ndtering
  • En felles tilstand for hele applikasjonen
  • Tilstanden styres av Actions som hĂ„ndteres av Reducere som igjen populerer tilstanden.
    • En Action kan f.eks. vĂŠre “FETCH_POSTNUMMER”
    • NĂ„r en slik actions kjĂžres, sĂ„ vil en Reducer ta imot og oppdatere tilstanden slik at det er i tilstanden at applikasjonen nĂ„ henter postnummer.
    • NĂ„r er hentingen er fullfĂžrt, vil man f.eks. sende en action “FETCH_POSTNUMMER_FULFILLED” som har postnummer-data med som parameter.
    • Reducer hĂ„ndterer denne handlingen og setter postnummer-data i applikasjonens tilstand.
  • Vedlikeholdt av Facebook, under MIT lisens.
Redux middleware flow

Redux flow

Fordeler ved Ă„ bruke redux

  • En felles state for alle komponenter
  • Komponenter kan kobles direkte mot state og kan oppdatere denne uavhengig av andre komponenter
  • Gir en stor frihet til valg av struktur pĂ„ state.
  • Enkelt Ă„ eksportere til json og importere fra json (hvis strukturen er lik)