Redux on avoimen lähdekoodin JavaScript-kirjasto, jota käytetään sovelluksen tilan hallintaan. React käyttää Reduxia käyttöliittymän rakentamiseen. Sen esitteli ensimmäisenä Dan Abramov ja Andrew Clark sisään 2015 .

React Redux on Reduxin virallinen React-sidos. Sen avulla React-komponentit voivat lukea tietoja Redux Storesta ja lähettää Toiminnot kohtaan Store tietojen päivittämiseen. Redux auttaa sovelluksia skaalautumaan tarjoamalla järkevän tavan hallita tilaa yksisuuntaisen tietovirtamallin avulla. React Redux on käsitteellisesti yksinkertainen. Se tilaa Redux-kaupan, tarkistaa, ovatko komponenttisi tarvitsemat tiedot muuttuneet, ja renderöi komponentin uudelleen.

ero ketun ja suden välillä

Redux sai inspiraationsa Fluxista. Redux tutki Flux-arkkitehtuuria ja jätti tarpeettoman monimutkaisuuden pois.

• Reduxilla ei ole Dispatcher-konseptia.
• Reduxilla on ainoa kauppa, kun taas Fluxilla on monia kauppoja.
• Store vastaanottaa ja käsittelee toimintokohteet suoraan.

Miksi käyttää React Reduxia?

Tärkeimmät syyt React Reduxin käyttöön ovat:

• React Redux on virallinen UI-sidokset React Application varten. Se pidetään ajan tasalla kaikista API-muutoksista varmistaakseen, että React-komponenttisi toimivat odotetulla tavalla.
• Se kannustaa hyvään 'React'-arkkitehtuuriin.
• Se toteuttaa monia suorituskyvyn optimointeja sisäisesti, mikä mahdollistaa komponenttien hahmontamisen uudelleen vain silloin, kun sitä todella tarvitaan.

Redux-arkkitehtuuri

Redux-arkkitehtuurin komponentit selitetään alla.

KAUPPA: Kauppa on paikka, jossa luetellaan sovelluksesi koko tila. Se hallitsee sovelluksen tilaa ja siinä on lähetys (toiminta) -toiminto. Se on kuin aivot, jotka vastaavat kaikista Reduxin liikkuvista osista.

TOIMINTA: Toimenpide lähetetään tai lähetetään näkymästä, jotka ovat hyötykuormia, jotka reduktorit voivat lukea. Se on puhdas objekti, joka on luotu tallentamaan käyttäjän tapahtuman tiedot. Se sisältää tietoja, kuten toiminnon tyypin, esiintymisajan, tapahtumapaikan, sen koordinaatit ja sen, minkä tilan se pyrkii muuttamaan.

REDUCER: Reducer lukee hyötykuormat toiminnoista ja päivittää sitten kaupan tilan kautta vastaavasti. Se on puhdas funktio palauttaa uusi tila alkuperäisestä tilasta.

Redux-asennus

Vaatimukset: React Redux vaatii React 16.8.3 tai uudemman version.

Jos haluat käyttää React Reduxia React-sovelluksen kanssa, sinun on asennettava alla oleva komento.

ketjuttavat merkkijonot

 $ npm install redux react-redux --save