logo

Reagovať Redux

Redux je open-source JavaScriptová knižnica používaná na správu stavu aplikácií. React používa Redux na vytvorenie používateľského rozhrania. Prvýkrát ho predstavil Dan Abramov a Andrew Clark v 2015 .

React Redux je oficiálna väzba React pre Redux. Umožňuje komponentom React čítať dáta z Redux Store a odosielať ich Akcie k Obchod na aktualizáciu údajov. Redux pomáha aplikáciám škálovať tým, že poskytuje rozumný spôsob riadenia stavu prostredníctvom jednosmerného modelu toku údajov. React Redux je koncepčne jednoduchý. Prihlási sa do obchodu Redux, skontroluje, či sa údaje, ktoré chce váš komponent, zmenili, a znova vykreslí váš komponent.

jasmine davis ako dieťa

Redux bol inšpirovaný Fluxom. Redux študoval architektúru Flux a vynechal zbytočnú zložitosť.

  • Redux nemá dispečerský koncept.
  • Redux má jediný obchod, zatiaľ čo Flux má veľa obchodov.
  • Akčné objekty budú prijímané a spracovávané priamo obchodom.

Prečo používať React Redux?

Hlavným dôvodom na použitie React Redux sú:

  • React Redux je oficiálny Väzby používateľského rozhrania pre aplikáciu reagovať. Je neustále aktualizovaný o akýchkoľvek zmenách API, aby sa zabezpečilo, že sa vaše komponenty React budú správať podľa očakávania.
  • Podporuje dobrú architektúru „React“.
  • Interne implementuje mnoho optimalizácií výkonu, čo umožňuje komponenty re-renderovať len vtedy, keď to skutočne potrebujú.

Architektúra Redux

Reagovať Redux

Komponenty architektúry Redux sú vysvetlené nižšie.

OBCHOD: Obchod je miesto, kde je uvedený celý stav vašej aplikácie. Spravuje stav aplikácie a má funkciu odoslania (akcie). Je to ako mozog zodpovedný za všetky pohyblivé časti v Redux.

okno.otvoriť

AKCIA: Akcia je odoslaná alebo odoslaná zo zobrazenia, čo sú užitočné zaťaženia, ktoré môžu čítať Reduktory. Je to čistý objekt vytvorený na ukladanie informácií o udalosti používateľa. Zahŕňa informácie, ako je typ akcie, čas výskytu, miesto výskytu, jeho súradnice a stav, ktorý chce zmeniť.

REDUKTOR: Reducer čítal užitočné zaťaženia z akcií a podľa toho aktualizuje obchod prostredníctvom stavu. Je to čistá funkcia vrátiť nový stav z počiatočného stavu.

Inštalácia Redux

Požiadavky: React Redux vyžaduje React 16.8.3 alebo novšiu verziu.

Ak chcete použiť React Redux s aplikáciou React, musíte nainštalovať príkaz uvedený nižšie.

 $ npm install redux react-redux --save 

Reagovať Redux