Redux to biblioteka JavaScript typu open source służąca do zarządzania stanem aplikacji. React używa Redux do budowy interfejsu użytkownika. Po raz pierwszy został wprowadzony przez Dan Abramow I Andrzej Clark W 2015 .

React Redux jest oficjalnym powiązaniem React dla Redux. Umożliwia komponentom React odczytywanie danych ze Sklepu Redux i wysyłanie ich działania do Sklep zaktualizować dane. Redux pomaga aplikacjom skalować, zapewniając rozsądny sposób zarządzania stanem za pomocą jednokierunkowego modelu przepływu danych. React Redux jest koncepcyjnie prosty. Subskrybuje sklep Redux, sprawdza, czy dane, których oczekuje Twój komponent, uległy zmianie i ponownie renderuje Twój komponent.

wiek Rihanny

Redux został zainspirowany Fluxem. Redux przestudiował architekturę Flux i pominął niepotrzebną złożoność.

• Redux nie ma koncepcji Dispatcher.
• Redux ma jedyny Sklep, podczas gdy Flux ma wiele Sklepów.
• Obiekty Akcji będą odbierane i obsługiwane bezpośrednio przez Sklep.

Dlaczego warto używać React Redux?

Głównym powodem korzystania z React Redux są:

• React Redux jest oficjalnym Powiązania interfejsu użytkownika dla aplikacji reagującej. Jest na bieżąco informowany o wszelkich zmianach w API, aby mieć pewność, że komponenty React zachowują się zgodnie z oczekiwaniami.
• Zachęca do dobrej architektury „React”.
• Implementuje wewnętrznie wiele optymalizacji wydajności, co pozwala na ponowne renderowanie komponentów tylko wtedy, gdy jest to faktycznie potrzebne.

Architektura Redux

Poniżej wyjaśniono komponenty architektury Redux.

SKLEP: Sklep to miejsce, w którym widoczny jest cały stan Twojej aplikacji. Zarządza statusem aplikacji i posiada funkcję wysyłki (akcji). To jest jak mózg odpowiedzialny za wszystkie ruchome części w Reduxie.

DZIAŁANIE: Akcja jest wysyłana lub wysyłana z widoku, który jest ładunkiem, który może odczytać Reduktor. Jest to czysty obiekt stworzony w celu przechowywania informacji o zdarzeniu użytkownika. Zawiera informacje takie jak rodzaj działania, czas wystąpienia, miejsce wystąpienia, jego współrzędne oraz stan, który ma zmienić.

REDUKTOR: Reduktor odczytuje ładunki z akcji, a następnie odpowiednio aktualizuje sklep poprzez stan. Jest to czysta funkcja zwracająca nowy stan ze stanu początkowego.

Instalacja Reduxa

Wymagania: React Redux wymaga React 16.8.3 lub nowszej wersji.

„abc” w liczbach

Aby używać React Redux z aplikacją React, musisz zainstalować poniższe polecenie.

 $ npm install redux react-redux --save