Redux is een open-source JavaScript-bibliotheek die wordt gebruikt om de applicatiestatus te beheren. React gebruikt Redux voor het bouwen van de gebruikersinterface. Het werd voor het eerst geïntroduceerd door Dan Abramov En Andreas Clark in 2015 .

React Redux is de officiële React-binding voor Redux. Hiermee kunnen React-componenten gegevens uit een Redux Store lezen en verzenden Acties naar de Winkel om gegevens bij te werken. Redux helpt apps te schalen door een verstandige manier te bieden om de status te beheren via een unidirectioneel datastroommodel. React Redux is conceptueel eenvoudig. Het abonneert zich op de Redux-winkel, controleert of de gegevens die uw component wil, zijn gewijzigd en geeft uw component opnieuw weer.

java concat-reeksen

Redux is geïnspireerd door Flux. Redux bestudeerde de Flux-architectuur en liet onnodige complexiteit achterwege.

• Redux heeft geen Dispatcher-concept.
• Redux heeft één winkel, terwijl Flux veel winkels heeft.
• De Action-objecten worden rechtstreeks door Store ontvangen en afgehandeld.

Waarom React Redux gebruiken?

De belangrijkste reden om React Redux te gebruiken zijn:

• React Redux is de ambtenaar UI-bindingen voor reageren Toepassing. Het wordt up-to-date gehouden met eventuele API-wijzigingen om ervoor te zorgen dat uw React-componenten zich gedragen zoals verwacht.
• Het stimuleert een goede 'React'-architectuur.
• Het implementeert intern veel prestatie-optimalisaties, waardoor componenten alleen opnieuw kunnen worden weergegeven wanneer dit daadwerkelijk nodig is.

Redux-architectuur

De componenten van de Redux-architectuur worden hieronder uitgelegd.

WINKEL: Een Store is een plaats waar de volledige status van uw applicatie wordt vermeld. Het beheert de status van de applicatie en heeft een verzend(actie)functie. Het is als een brein dat verantwoordelijk is voor alle bewegende delen in Redux.

ACTIE: Er wordt actie verzonden of verzonden vanuit de weergave, dit zijn payloads die door Reducers kunnen worden gelezen. Het is een puur object dat is gemaakt om de informatie over de gebeurtenis van de gebruiker op te slaan. Het bevat informatie zoals het type actie, het tijdstip van optreden, de locatie van het optreden, de coördinaten ervan en de toestand die het wil veranderen.

REDUCTIE: Reducer leest de payloads van de acties en werkt de winkel vervolgens dienovereenkomstig bij via de status. Het is een pure functie om vanuit de oorspronkelijke staat een nieuwe staat te retourneren.

Redux-installatie

Vereisten: React Redux vereist React 16.8.3 of latere versie.

sql-aantal verschillend

Om React Redux met de React-applicatie te gebruiken, moet u de onderstaande opdracht installeren.

 $ npm install redux react-redux --save