logo

React Redux

Redux je odprtokodna knjižnica JavaScript, ki se uporablja za upravljanje stanja aplikacije. React uporablja Redux za izdelavo uporabniškega vmesnika. Prvič ga je predstavil Dan Abramov in Andrew Clark v 2015 .

React Redux je uradna vezava React za Redux. Komponentam React omogoča branje podatkov iz Redux Store in pošiljanje Dejanja do Trgovina za posodobitev podatkov. Redux pomaga aplikacijam pri prilagajanju z zagotavljanjem razumnega načina za upravljanje stanja prek enosmernega modela pretoka podatkov. React Redux je konceptualno preprost. Naroči se na trgovino Redux, preveri, ali so se podatki, ki jih želi vaša komponenta, spremenili, in ponovno upodobi vašo komponento.

registrski pomnilnik

Redux je navdihnil Flux. Redux je preučil arhitekturo Flux in izpustil nepotrebno kompleksnost.

  • Redux nima koncepta dispečerja.
  • Redux ima samo trgovino, medtem ko ima Flux veliko trgovin.
  • Objekte Action bo prejela in obravnavala neposredno Store.

Zakaj uporabljati React Redux?

Glavni razlogi za uporabo React Reduxa so:

  • React Redux je uradni UI vezi za aplikacijo React. Posodablja se z vsemi spremembami API-ja, da se zagotovi, da se vaše komponente React obnašajo po pričakovanjih.
  • Spodbuja dobro arhitekturo 'React'.
  • Interno izvaja številne optimizacije delovanja, kar omogoča ponovno upodobitev komponent le, ko je to dejansko potrebno.

Arhitektura Redux

React Redux

Komponente arhitekture Redux so razložene spodaj.

TRGOVINA: Trgovina je mesto, kjer je navedeno celotno stanje vaše aplikacije. Upravlja status vloge in ima funkcijo dispetch(action). Je kot možgani, odgovorni za vse gibljive dele v Reduxu.

AKCIJA: Dejanje je poslano ali odposlano iz pogleda, ki so uporabni tovori, ki jih reduktorji lahko berejo. Je čisti predmet, ustvarjen za shranjevanje informacij o uporabnikovem dogodku. Vključuje informacije, kot so vrsta dejanja, čas dogodka, lokacija dogodka, njegove koordinate in stanje, ki ga želi spremeniti.

REDUKTOR: Reducer prebere obremenitve iz dejanj in nato ustrezno posodobi shrambo prek stanja. Vrnitev novega stanja iz začetnega stanja je čista funkcija.

Redux namestitev

Zahteve: React Redux zahteva React 16.8.3 ali novejšo različico.

Če želite uporabljati React Redux z aplikacijo React, morate namestiti spodnji ukaz.

lokalni datum in čas java
 $ npm install redux react-redux --save 

React Redux