Hur ett Redux-program fungerar

Nu, beväpnade med terminologi, kan vi kort granska de grundläggande stegen i hur ett Redux-program fungerar, som du kommer att skapa i framtiden.

Programmet fungerar enligt idén om enkelriktad dataflöde, som vi redan nämnt tidigare.

Under initieringsskedet (vid programmets första start) skapas butiken (store) med hjälp av root reducer. Butiken anropar denna reducer endast en gång och registrerar dess returnerade värde som initialt tillstånd. Vid den första renderingen använder programmets komponenter det aktuella tillståndet som lagras i butiken. De prenumererar också på uppdateringar från butiken för att omedelbart få veta om tillståndsförändringar.

Under programmets fortsatta funktion sker följande. Låt oss anta att användaren klickade med musen på en knapp. I detta fall skapas en action med hjälp av kod, som skickas till butiken. Butiken kör igen reducern med det tillstånd som lagras i den och den mottagna actionen. Som ett resultat sparas det ändrade tillståndsvärdet som det nya. Butiken meddelar också de komponenter som prenumererar på förändringar om att förändringar har skett. I sin tur kontrollerar komponenterna om de delar av tillståndet de behöver har ändrats. Slutligen, om förändringar har skett, anropar komponenten rendering för att visa de nya uppgifterna.