Redux - przepływ danych

Redux podąża za jednokierunkowym przepływem danych. Oznacza to, że dane aplikacji będą podążać w jednokierunkowym powiązaniu przepływu danych. Ponieważ aplikacja rośnie i staje się złożona, trudno jest odtwarzać problemy i dodawać nowe funkcje, jeśli nie masz kontroli nad stanem aplikacji.

Redux zmniejsza złożoność kodu, wymuszając ograniczenie dotyczące tego, jak i kiedy może nastąpić aktualizacja stanu. W ten sposób zarządzanie zaktualizowanymi stanami jest łatwe. Znamy już ograniczenia jako trzy zasady Redux. Poniższy diagram pomoże ci lepiej zrozumieć przepływ danych Redux -

  • Akcja jest wywoływana, gdy użytkownik wchodzi w interakcję z aplikacją.

  • Funkcja reduktora root jest wywoływana z bieżącym stanem i uruchomioną akcją. Reduktor root może podzielić zadanie na mniejsze funkcje reduktora, co ostatecznie przywraca nowy stan.

  • Sklep powiadamia widok, wykonując ich funkcje zwrotne.

  • Widok może pobrać zaktualizowany stan i ponownie renderować.