Redux-kirjasto

Tässä opetusohjelmassa tutustumme erittäin hyödylliseen ja arvokkaaseen JavaScript-kirjastoon Redux. Kirjaston nimi juontaa juurensa kahdesta sanasta - funktion reduce nimeestä ja Flux -sovellusarkkitehtuurista Reactissa, jonka ytimessä on yksisuuntaisen datavirran käyttö.

Ennen kaikkea Redux on ennustettava säiliö tai sovelluksen datan tilojen säilö. Olemme jo kohdanneet tilan käsitteen tai staten (state) React-opetusohjelmaa opiskellessamme. Reduxin avulla voidaan kirjoittaa asiakas-, palvelin- tai natiivisovelluksia, jotka käyttäytyvät ennustettavasti, skaalautuvat helposti ja ovat testattavissa.

Mikä muukin Reduxissa on houkuttelevaa? Se auttaa meitä hallitsemaan sovelluksen globaalia tilaa. Reduxissa käytetyt työkalut ja tekniikat auttavat ymmärtämään missä, miksi ja millä tavalla state muuttui, sekä kuinka sovelluksen logiikka käyttäytyy tällaisten muutosten sattuessa.

Redux on itsenäinen kirjasto, mutta sitä voidaan käyttää yhdessä sellisten suosittujen kehysten kanssa, kuin React, Angular, Vue, sekä myös puhtaalla JavaScriptillä. Mennäksen hieman eteenpäin, sanon, että opetusohjelmassamme me käytämme yhdistelmää Reactin kanssa.

Huolimatta tämän työkalun tärkeydestä, sovellusta luodessa tulee järkevästi arvioida sen käytön tarpeellisuus. Tarvitset Reduxin, jos sinulla on suuri määrä stateja, joita tarvitaan eri osissa sovellusta, tai stateja muutetaan hyvin usein, tai ehkä sinulla on liian monimutkainen logiikka statejen päivittämiseksi.