Redux és una biblioteca JavaScript de codi obert que s'utilitza per gestionar l'estat de l'aplicació. React utilitza Redux per crear la interfície d'usuari. Va ser introduït per primera vegada per Dan Abramov i Andrew Clark en 2015 .

React Redux és l'enllaç oficial de React per a Redux. Permet als components de React llegir dades d'una botiga Redux i enviar-los Accions fins al Botiga per actualitzar les dades. Redux ajuda les aplicacions a escalar proporcionant una manera raonable de gestionar l'estat mitjançant un model de flux de dades unidireccional. React Redux és conceptualment senzill. Es subscriu a la botiga Redux, comprova si les dades que vol el vostre component han canviat i torna a renderitzar el vostre component.

arraylist i linkedlist

Redux es va inspirar en Flux. Redux va estudiar l'arquitectura Flux i va ometre una complexitat innecessària.

• Redux no té el concepte Dispatcher.
• Redux té una única botiga, mentre que Flux té moltes botigues.
• Els objectes d'acció seran rebuts i gestionats directament per Store.

Per què utilitzar React Redux?

Els motius principals per utilitzar React Redux són:

• React Redux és l'oficial Enllaços d'IU per a l'aplicació reaccionar. Es manté actualitzat amb els canvis de l'API per garantir que els components de React es comporten com s'esperava.
• Fomenta una bona arquitectura 'React'.
• Implementa moltes optimitzacions de rendiment internament, la qual cosa permet que els components es tornin a renderitzar només quan realment ho necessiten.

Arquitectura Redux

Els components de l'arquitectura Redux s'expliquen a continuació.

BOTIGA: Una botiga és un lloc on es mostra tot l'estat de la vostra aplicació. Gestiona l'estat de l'aplicació i té una funció d'enviament (acció). És com un cervell responsable de totes les parts mòbils de Redux.

ACCIÓ: L'acció s'envia o s'envia des de la vista que són càrregues útils que els reductors poden llegir. És un objecte pur creat per emmagatzemar la informació de l'esdeveniment de l'usuari. Inclou informació com el tipus d'acció, el moment de l'ocurrència, la ubicació de l'ocurrència, les seves coordenades i l'estat que pretén canviar.

c

REDUCTOR: El reductor llegeix les càrregues útils de les accions i després actualitza la botiga a través de l'estat en conseqüència. És una funció pura retornar un nou estat des de l'estat inicial.

Instal·lació de Redux

Requisits: React Redux requereix React 16.8.3 o una versió posterior.

Per utilitzar React Redux amb l'aplicació React, heu d'instal·lar l'ordre següent.

 $ npm install redux react-redux --save