Redux er et open source JavaScript-bibliotek, der bruges til at administrere applikationstilstand. React bruger Redux til at bygge brugergrænsefladen. Den blev først introduceret af Dan Abramov og Andrew Clark i 2015 .

React Redux er den officielle React-binding for Redux. Det giver React-komponenter mulighed for at læse data fra en Redux-butik og sende dem Handlinger til butik at opdatere data. Redux hjælper apps med at skalere ved at give en fornuftig måde at styre tilstand på gennem en ensrettet dataflowmodel. React Redux er konceptuelt simpelt. Den abonnerer på Redux-butikken, kontrollerer, om de data, som din komponent ønsker, er ændret, og gengiver din komponent.

kontrol strukturer python

Redux var inspireret af Flux. Redux studerede Flux-arkitekturen og undlod unødvendig kompleksitet.

• Redux har ikke Dispatcher-koncept.
• Redux har en eneste butik, mens Flux har mange butikker.
• Handlingsobjekterne vil blive modtaget og håndteret direkte af Store.

Hvorfor bruge React Redux?

Hovedårsagen til at bruge React Redux er:

• React Redux er den officielle UI bindinger for at reagere Ansøgning. Den holdes opdateret med eventuelle API-ændringer for at sikre, at dine React-komponenter opfører sig som forventet.
• Det tilskynder til god 'React'-arkitektur.
• Den implementerer mange ydelsesoptimeringer internt, hvilket gør det muligt kun at gengive komponenter, når det rent faktisk er nødvendigt.

Redux arkitektur

Komponenterne i Redux-arkitekturen er forklaret nedenfor.

BUTIK: En butik er et sted, hvor hele din applikations tilstand vises. Den administrerer applikationens status og har en afsendelses(handling) funktion. Det er ligesom en hjerne, der er ansvarlig for alle bevægelige dele i Redux.

HANDLING: Handling sendes eller afsendes fra visningen, som er nyttelaster, der kan læses af Reducers. Det er et rent objekt, der er oprettet for at gemme informationen om brugerens begivenhed. Det inkluderer information såsom type af handling, tidspunkt for hændelsen, placering af hændelsen, dens koordinater, og hvilken tilstand den har til formål at ændre.

konverter en int til streng c++

REDUCER: Reducer læser nyttelasterne fra handlingerne og opdaterer derefter butikken via staten i overensstemmelse hermed. Det er en ren funktion at returnere en ny tilstand fra den oprindelige tilstand.

Redux installation

Krav: React Redux kræver React 16.8.3 eller nyere version.

For at bruge React Redux med React-applikationen skal du installere nedenstående kommando.

 $ npm install redux react-redux --save