Biblioteka Redux

W tym tutorialu zapoznamy się z bardzo przydatną i cenną biblioteką JavaScript Redux. Nazwa biblioteki pochodzi od dwóch słów - nazwy funkcji reduce i architektury Flux aplikacji na React, w podstawie której leży wykorzystanie jednokierunkowego przepływu danych.

Przede wszystkim Redux - to przewidywalny kontener lub magazyn stanów danych aplikacji. My już spotkaliśmy się z pojęciem stanu lub statu (state) przy nauce tutorialu React. Za pomocą Redux można pisać klienckie, serwerowe lub natywne aplikacje, które zachowują się przewidywalnie, łatwo się skalują i testują.

Czym jeszcze jest atrakcyjny Redux? On pomaga nam zarządzać globalnym stanem aplikacji. Instrumenty i techniki, używane w Redux, pozwalają łatwiej zrozumieć gdzie, dlaczego i w jaki sposób zmienił się stat, a także jak zachowa się logika aplikacji w przypadku takich zmian.

Redux - to samodzielna biblioteka, ale ją można używać w połączeniu z takimi popularnymi frameworkami, jak React, Angular, Vue, a również czystym JavaScript. Wyprzedzając trochę do przodu, powiem, że w naszym tutorialu będziemy używać połączenia z React.

Pomimo ważności tego instrumentu, przy tworzeniu aplikacji należy rozsądnie ocenić konieczność jego zastosowania. Tobie potrzebny jest Redux, jeśli masz dużą liczbę statów, koniecznych w różnych częściach aplikacji, albo staty zmieniają się bardzo często, a może masz zbyt skomplikowaną logikę dla aktualizacji statów.