R
e
d
u
x

Styled Components
Styled Components
Redux Saga
Redux Saga

Biblioteka oparta na architekturze FLUX, często używana z React. Flux (z ang. strumień, przepływ) - wzorzec projektowy zaproponowany przez Facebook. Informacje we FLUXie przepływają tylko w jednym, zawsze tym samym kierunku (unidirectional data flow). Redux jest implementacją architektury Flux, do której dodano nieco programowania funkcyjnego i skorzystano ze wzorca Event Sourcing (zadaniem Event Sourcing`u jest odtwarzanie aktualnego stanu aplikacji na podstawie zdarzeń składowanych w magazynie danych). W skrócie Redux umożliwia składowanie danych w globalnym obiekcie, do którego można odwołać się w dowolnym miejscu w aplikacji.

Założenia Reduxa:

  1. Single source of truth (Cały stan aplikacji jest przechowywany w drzewie w jednym magazynie danych).
  2. State is read only (Stan jest tylko do odczytu; wszystkie zmiany zachodzą poprzez akcje).
  3. Zmiany zachodzą za pomocą pure functions (Aby zdefiniować jak akcja wpływa na stan, należy napisać reducer, który jest tzw. pure function - która nie próbuje zmieniać swoich argumentów i zawsze zwraca ten sam wynik dla tych samych argumentów.

Redux jest bardzo ważną biblioteką która pozwala projektować aplikacje w lepszy i bardziej elastyczny sposób, umożliwia przechowywanie stanu całej aplikacji i zarządzanie tym stanem. Do Reduxa powstało wiele bibliotek, np. Redux Logger, który ułatwia debuggowanie stanu aplikacji, Redux Persist który zapisuje dodatkowo stan aplikacji w magazynie danych przeglądarki, Redux-Saga która służy do obsługiwania asynchronicznych funkcji aplikacji.

Strona domowa Redux

Powiązana oferta

Aplikacje Mobilne

Aplikacje hybrydowe stworzone przy pomocy narzędzi Ionic, oparte o React, wykorzystujące potencjał możliwości mobilnych.

Pełna oferta

Aplikacje Internetowe

Systemy CRM/ERP, portale społecznościowe/serwisy bookingowe i wiele innych

Pełna oferta

Powiązane technologie

Redux Saga
Gatsby
Jotai
React Query
React
Javascript