Redux är ett JavaScript-bibliotek med öppen källkod som används för att hantera applikationstillstånd. React använder Redux för att bygga användargränssnittet. Det introducerades först av Dan Abramov och Andrew Clark i 2015 .

React Redux är den officiella React-bindningen för Redux. Det tillåter React-komponenter att läsa data från en Redux Store och skicka Handlingar till Lagra för att uppdatera data. Redux hjälper appar att skala genom att tillhandahålla ett vettigt sätt att hantera tillstånd genom en enkelriktad dataflödesmodell. React Redux är konceptuellt enkelt. Den prenumererar på Redux-butiken, kontrollerar om de data som din komponent vill ha har ändrats och renderar om din komponent.

vb och vb nät

Redux inspirerades av Flux. Redux studerade Flux-arkitekturen och utelämnade onödig komplexitet.

• Redux har inte Dispatcher-konceptet.
• Redux har en enda butik medan Flux har många butiker.
• Action-objekten kommer att tas emot och hanteras direkt av Store.

Varför använda React Redux?

Den främsta anledningen till att använda React Redux är:

• React Redux är den officiella UI-bindningar för reaktion Ansökan. Den hålls uppdaterad med alla API-ändringar för att säkerställa att dina React-komponenter fungerar som förväntat.
• Det uppmuntrar till bra 'React'-arkitektur.
• Den implementerar många prestandaoptimeringar internt, vilket gör det möjligt att återrendera komponenter endast när det faktiskt behövs.

Redux arkitektur

Komponenterna i Redux-arkitekturen förklaras nedan.

LAGRA: En butik är en plats där hela statusen för din applikation visas. Den hanterar applikationens status och har en dispatch(action) funktion. Det är som en hjärna som ansvarar för alla rörliga delar i Redux.

HANDLING: Åtgärden skickas eller skickas från vyn som är nyttolaster som kan läsas av Reducers. Det är ett rent objekt skapat för att lagra information om användarens händelse. Den innehåller information som typ av åtgärd, tidpunkt för händelsen, plats för händelsen, dess koordinater och vilket tillstånd den syftar till att ändra.

REDUCERING: Reducer läser nyttolasten från åtgärderna och uppdaterar sedan butiken via tillståndet därefter. Det är en ren funktion att returnera ett nytt tillstånd från initialtillståndet.

Redux installation

Krav: React Redux kräver React 16.8.3 eller senare version.

git add --all

För att använda React Redux med React-applikationen måste du installera kommandot nedan.

 $ npm install redux react-redux --save