logo

React Redux

Redux je JavaScript biblioteka otvorenog koda koja se koristi za upravljanje stanjem aplikacije. React koristi Redux za izradu korisničkog sučelja. Prvi put ga je predstavio Dan Abramov i Andrew Clark u 2015 .

React Redux je službeni React binding za Redux. Omogućuje React komponentama čitanje podataka iz Redux Storea i slanje Radnje prema Store za ažuriranje podataka. Redux pomaže aplikacijama da se skaliraju pružajući razuman način upravljanja stanjem kroz jednosmjerni model protoka podataka. React Redux je konceptualno jednostavan. Pretplaćuje se na Redux trgovinu, provjerava jesu li se podaci koje vaša komponenta želi promijenili i ponovno renderira vašu komponentu.

kako dohvatiti skrivene aplikacije

Redux je inspiriran Fluxom. Redux je proučavao Flux arhitekturu i izostavio nepotrebnu složenost.

  • Redux nema koncept dispečera.
  • Redux ima samo jednu trgovinu dok Flux ima mnogo trgovina.
  • Objekte Action će izravno primiti i rukovati Store.

Zašto koristiti React Redux?

Glavni razlozi za korištenje React Reduxa su:

  • React Redux je službeni UI vezivanja za react aplikaciju. Ažurira se sa svim promjenama API-ja kako bi se osiguralo da se vaše React komponente ponašaju prema očekivanjima.
  • Potiče dobru 'React' arhitekturu.
  • Implementira mnoge optimizacije performansi interno, što omogućuje ponovno renderiranje komponenti samo kada je to stvarno potrebno.

Redux arhitektura

React Redux

Komponente Redux arhitekture objašnjene su u nastavku.

TRGOVINA: Trgovina je mjesto na kojem se navodi cijelo stanje vaše aplikacije. Upravlja statusom zahtjeva i ima funkciju otpreme (akcija). To je poput mozga odgovornog za sve pokretne dijelove u Reduxu.

AKCIJSKI: Akcija se šalje ili otprema iz prikaza koji su korisni tereti koje reduktori mogu čitati. To je čisti objekt stvoren za pohranjivanje informacija o korisničkom događaju. Uključuje podatke kao što su vrsta akcije, vrijeme događaja, mjesto događaja, njegove koordinate i stanje koje se želi promijeniti.

REDUKTOR: Reduktor čita korisne podatke iz radnji i zatim u skladu s tim ažurira pohranu putem stanja. To je čista funkcija za vraćanje novog stanja iz početnog stanja.

Redux instalacija

Zahtjevi: React Redux zahtijeva React 16.8.3 ili noviju verziju.

Da biste koristili React Redux s React aplikacijom, trebate instalirati donju naredbu.

java je jednaka
 $ npm install redux react-redux --save 

React Redux