logo

Reacționează Redux

Redux este o bibliotecă JavaScript open-source folosită pentru a gestiona starea aplicației. React folosește Redux pentru construirea interfeței cu utilizatorul. A fost introdus pentru prima dată de Dan Abramov și Andrew Clark în 2015 .

React Redux este legarea oficială React pentru Redux. Permite componentelor React să citească date dintr-un magazin Redux și să le trimită Acțiuni la Magazin pentru a actualiza datele. Redux ajută aplicațiile să se extindă, oferind o modalitate sensibilă de a gestiona starea printr-un model de flux de date unidirecțional. React Redux este conceptual simplu. Se abonează la magazinul Redux, verifică dacă datele pe care le dorește componenta ta s-au schimbat și redă din nou componenta.

egalitatea obiectelor java

Redux a fost inspirat de Flux. Redux a studiat arhitectura Flux și a omis complexitatea inutilă.

  • Redux nu are conceptul Dispatcher.
  • Redux are un singur magazin, în timp ce Flux are multe magazine.
  • Obiectele Action vor fi primite și gestionate direct de Store.

De ce să folosiți React Redux?

Principalele motive pentru a utiliza React Redux sunt:

  • React Redux este oficial Legături UI pentru aplicarea react. Este ținut la zi cu orice modificări API pentru a vă asigura că componentele dvs. React se comportă conform așteptărilor.
  • Încurajează o bună arhitectură „React”.
  • Implementează multe optimizări de performanță în interior, ceea ce permite componentelor să redea doar atunci când este nevoie.

Arhitectura Redux

Reacționează Redux

Componentele arhitecturii Redux sunt explicate mai jos.

MAGAZIN: Un Magazin este un loc în care se listează întreaga stare a aplicației tale. Gestionează starea aplicației și are o funcție de expediere (acțiune). Este ca un creier responsabil pentru toate părțile mobile din Redux.

c structura in structura

ACȚIUNE: Acțiunea este trimisă sau expediată din vizualizarea, care sunt încărcături utile care pot fi citite de Reduceri. Este un obiect pur creat pentru a stoca informațiile despre evenimentul utilizatorului. Include informații precum tipul de acțiune, momentul apariției, locația apariției, coordonatele acesteia și starea pe care intenționează să o schimbe.

REDUCTOR: Reducer citește sarcinile utile din acțiuni și apoi actualizează magazinul prin stare în consecință. Este o funcție pură să returneze o stare nouă din starea inițială.

Instalare Redux

Cerințe: React Redux necesită React 16.8.3 sau o versiune ulterioară.

Pentru a utiliza React Redux cu aplicația React, trebuie să instalați comanda de mai jos.

 $ npm install redux react-redux --save 

Reacționează Redux