Lebrande
I 🍻 web

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

January 08, 2018

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 🍺


Kyle Mathews

Written by Jakub Pusiak. Follow me on Twitter