Redux er et JavaScript-bibliotek med åpen kildekode som brukes til å administrere applikasjonstilstand. React bruker Redux for å bygge brukergrensesnittet. Den ble først introdusert av Dan Abramov og Andrew Clark i 2015 .

React Redux er den offisielle React-bindingen for Redux. Den lar React-komponenter lese data fra en Redux-butikk og sende dem Handlinger til butikk å oppdatere data. Redux hjelper apper å skalere ved å tilby en fornuftig måte å administrere tilstand på gjennom en enveis dataflytmodell. React Redux er konseptuelt enkelt. Den abonnerer på Redux-butikken, sjekker om dataene som komponenten din ønsker har endret seg, og gjengir komponenten din på nytt.

java åpne en fil

Redux ble inspirert av Flux. Redux studerte Flux-arkitekturen og utelot unødvendig kompleksitet.

• Redux har ikke Dispatcher-konsept.
• Redux har en eneste butikk mens Flux har mange butikker.
• Handlingsobjektene vil bli mottatt og håndtert direkte av Store.

Hvorfor bruke React Redux?

Hovedgrunnen til å bruke React Redux er:

• React Redux er den offisielle UI-bindinger for å reagere Søknad. Den holdes oppdatert med eventuelle API-endringer for å sikre at React-komponentene dine oppfører seg som forventet.
• Det oppmuntrer til god 'React'-arkitektur.
• Den implementerer mange ytelsesoptimaliseringer internt, noe som gjør det mulig å gjengi komponenter bare når den faktisk trenger det.

Redux-arkitektur

Komponentene i Redux-arkitekturen er forklart nedenfor.

BUTIKK: En butikk er et sted der hele tilstanden til applikasjonen din vises. Den administrerer statusen til applikasjonen og har en dispatch(handling) funksjon. Det er som en hjerne som er ansvarlig for alle bevegelige deler i Redux.

HANDLING: Handlingen sendes eller sendes fra visningen som er nyttelaster som kan leses av reduksjonsenheter. Det er et rent objekt laget for å lagre informasjonen om brukerens hendelse. Den inkluderer informasjon som type handling, tidspunkt for forekomsten, sted for forekomsten, dens koordinater og hvilken tilstand den tar sikte på å endre.

innsettingssorteringsalgoritmer

REDUSERING: Reducer leser nyttelastene fra handlingene og oppdaterer deretter butikken via staten tilsvarende. Det er en ren funksjon å returnere en ny tilstand fra den opprinnelige tilstanden.

Redux installasjon

Krav: React Redux krever React 16.8.3 eller nyere versjon.

For å bruke React Redux med React-applikasjonen, må du installere kommandoen nedenfor.

 $ npm install redux react-redux --save