Redux yra atvirojo kodo „JavaScript“ biblioteka, naudojama programos būsenai valdyti. „React“ vartotojo sąsajai kurti naudoja „Redux“. Pirmą kartą jį pristatė Danas Abramovas ir Andrius Klarkas in 2015 m .

„React Redux“ yra oficialus „React“ įrišimas, skirtas „Redux“. Tai leidžia „React“ komponentams nuskaityti duomenis iš „Redux Store“ ir išsiųsti Veiksmai prie Parduotuvė atnaujinti duomenis. „Redux“ padeda programoms keisti mastelį, suteikdama protingą būdą valdyti būseną naudojant vienkrypčio duomenų srauto modelį. „React Redux“ yra konceptualiai paprasta. Jis užsiprenumeruoja „Redux“ parduotuvę, patikrina, ar pasikeitė jūsų komponento pageidaujami duomenys, ir iš naujo pateikia jūsų komponentą.

dvejetainių medžių pavyzdžiai

Redux įkvėpė Flux. Redux ištyrė Flux architektūrą ir praleido nereikalingą sudėtingumą.

• Redux neturi dispečerinės koncepcijos.
• „Redux“ turi vienintelę parduotuvę, o „Flux“ turi daug parduotuvių.
• Veiksmo objektus tiesiogiai gaus ir tvarkys parduotuvė.

Kodėl verta naudoti „React Redux“?

Pagrindinės React Redux naudojimo priežastys yra šios:

• React Redux yra oficialus UI apkaustai reaguoti Paraiška. Jis nuolat atnaujinamas su bet kokiais API pakeitimais, siekiant užtikrinti, kad jūsų „React“ komponentai veiktų taip, kaip tikėtasi.
• Tai skatina gerą „React“ architektūrą.
• Jis įdiegia daugybę našumo optimizavimų viduje, o tai leidžia iš naujo pateikti komponentus tik tada, kai to iš tikrųjų reikia.

Redux architektūra

Redux architektūros komponentai paaiškinti toliau.

PARDUOTUVĖ: Parduotuvė yra vieta, kurioje pateikiama visa jūsų programos būsena. Jis valdo programos būseną ir turi išsiuntimo (veiksmo) funkciją. Tai tarsi smegenys, atsakingos už visas judančias Redux dalis.

VEIKSMAS: Veiksmas siunčiamas arba siunčiamas iš rodinio, o tai yra naudingieji kroviniai, kuriuos gali perskaityti reduktoriai. Tai grynas objektas, sukurtas saugoti vartotojo įvykio informaciją. Tai apima tokią informaciją kaip veiksmo tipas, įvykio laikas, įvykio vieta, jo koordinatės ir būsena, kurią norima pakeisti.

REDUCER: Reduktorius nuskaito naudingus krovinius iš veiksmų ir atitinkamai atnaujina parduotuvę per būseną. Tai gryna funkcija grąžinti naują būseną iš pradinės būsenos.

Redux diegimas

Reikalavimai: React Redux reikalinga React 16.8.3 arba naujesnė versija.

Norėdami naudoti „React Redux“ su „React“ programa, turite įdiegti toliau pateiktą komandą.

Azure prenumerata

 $ npm install redux react-redux --save