Ten wpis zawiera case study projektu MVP aplikacji growcreator.eu. Projekt został wykonany od zera przez nasz zespół przy ścisłej współpracy z Klientem. Aplikacja rozwiązuje problemy konfiguracji i kompletowania optymalnych zestawów...
Read More Tag
Redux bibioteka JS do zarządzania stanem aplikacji. Użycie Reduxa
Redux to biblioteka Java Script, która służy do zarządzania stanem aplikacji zarówno frameworku React.js, opartego na komponentach, jak i Angular. Stanowi on swoiste rozwinięcie architektury flux – wzorca architektury aplikacji, której główną cechą jest jednokierunkowy przepływ informacji. Opiera się na założeniu, iż każdy stan komponentu jest wynikiem poprzedniego stanu, który został zmodyfikowany przez konkretną akcję, które to założenie umożliwia łatwe testowanie, zapisywanie i wznawianie tego stanu.
Redux – debugowanie podróży w czasie
W każdym projekcie opartym o React.js lub Angular, wraz ze stopniem jego skomplikowania pojawia się problem przekazywania atrybutów z komponentów nadrzędnych (rodziców) do podrzędnych (dzieci). Redux pozwala wyeliminować ten problem, ponieważ za jego pomocą można oddzielić warstwę administrowania stanem aplikacji od kodu komponentów, które powinny odpowiadać jedynie za prezentację danych. Biblioteka ta ma wiele zalet, jednak korzystanie z niej wymaga doskonałej znajomości Java Script i jednego z jego frameworków. Przede wszystkim cechuje go spora przewidywalność kodu, dzięki czemu aplikacje zachowują się spójnie i działa poprawnie w różnych środowiskach (serwer, przeglądarka). Ułatwia również łatwe debugowanie kodu i śledzenie, w którym momencie zmienił się stan komponentu, czyli umożliwia tzw. debugowanie podróży w czasie. Redux oferuje przy tym swoistą centralizację stanu i całej logiki aplikacji, dzięki możliwości cofania, ponawiania czy utrwalania stanu. Jest niezwykle elastyczny, dlatego też działa poprawnie w każdej warstwie interfejsu, a ponadto posiada spore zaplecze dodatków ułatwiających pracę.
