redux-observable praktyczny project

RxJS i React w praktyce jako redux-observable. Repo na Githubie.

Zobacz i pobierz praktyczny projekt z mojego Githuba.

Jak ogarnąć redux-observable?

Pozostajemy w temacie poprzedniego wpisu o przetwarzaniu strumieni z RxJS. Tam kod był uproszczony i przedstawiony w JSFiddle na jednej stronie. W tym wpisie mam już praktyczny projekt. Podzieliłem kod na pliki i katalogi:

...
src/
  actionCreators/
    ...
  components/
    ...
  epics/
    ...
  reducers/
    ...
  configureStore.js
  index.js
...

Krótko o strukturze

W każdym katalogu znajdują się pliki pełniące inną funkcję. Folder actionCreators to funkcje wywołujące akcje. Tutaj określamy, co w naszej aplikacji ma się dziać. Folder components to pliki z kodem JSX renderowanym w aplikacji do HTML. W katalogu epics tworzymy kod powiązany z redux-observable, to tu znajdziemy operatory RxJS. Kod z epics w tym projekcie to pobieranie danych z publicznego API. Folder reducers to reduktory uporządkowujące nasze dane, stan naszej aplikacji. W pliku configureStore.js tworzymy stora i podłączamy do niego redux i redux-observable.

Repo na Githubie

Dzielę się z Tobą moim kodem. Oto link do repo react-redux-observable na Githubie 🍺