Istotne pojęcia

Thunk jest innym słowem na funkcję, która jest zwrócona przez inną funkcję.

    function wrapper_function() {
            // >> to jest "thunk" ponieważ odracza wykonanie kodu na później:
            return function thunk() {   // >> anonimowa lub nazwana
            console.log('do stuff now');
            };
    }

W Reduxie akcje/actions są jedynie obiektami, z kolei reduktory/reducers są "czyste" (nie …

Poniżej przedstawię przykład (oraz kolejne kroki powstania) bardzo prostego projektu wykorzystującego stan kontrolowany przez Redux. Projekt bazuje na React (CRA).

1) Instalacja narzędzi/zależności

    npx create-react-app <nazwa_projektu>
    npm i redux react-redux

2) Struktura projektu (istotne pliki/te które są edytowane oraz które zostaną/ły dodane)

    {public}
    |
    |_ [...]
    {src}
        |
        |_ {actions …

Redux - kontener stanu

Redux jest biblioteką do zarządzania stanem dla całej aplikacji ("kontenerem stanu") w sposób ponadkomponentowy (współpracuje min. z Reactem oraz Angularem)

Istotnym znaczeniem Reduxa jest możliwość jasnego zdeklarowania sposoby zmiany globalnego stanu (store) [React sam w sobie nie zareagowałby na zmianę zmiennej].

Poniżej opiszę parę kluczowych pojęć do …