React非同期ライブラリを知る

rxjs redux-observableについて

Transcript

1. Reactͷඇಉظॲཧ ϥΠϒϥϦΛ஌Δ bruno / @nitaking_ エアークローゼット
2. About ɾSatoshi Nitawaki ɾࣾ಺Ͱ͸brunoͱݺ͹Ε͍ͯ·͢ ɾܦྺɿࣾ಺SE / SIer ɾݴޠɿJava / PHP 7 / Laravel / ɹɹɹɹReact Native(React) ͳͲ
3. About ೔ຊञͱ෱Ԭ͕޷͖ͳΤϯδχΞͳͷͰ ޷͖ͳํ͸͜ͷޙ࿩͠·͠ΐ͏ʂ
4. observableがキてるよ observableで Qiita書いた
5. Redux-Observable ͬͯͳΜͩ
7. RxJS 6-based middleware for Redux.
8. RxJS ͬͯͳΜͩ
9. ৮ͬͯΈͨ
10. BufferCount: count͚ͩόοϑΝ Subscribe: Observer͕σʔλΛߪಡ(?)
11. ৮ͬͯΈͨ
12. BufferWhen: fn͕ൃՐ͢Δ·ͰόοϑΝ͢Δ
13. γϦΞϧ௨৴ॲཧͬΆ͍ײ͡
14. センサ メイン機器 100ms毎とかで 送信 5000ms毎に データ回収 γϦΞϧ௨৴͸͜Μͳײ͡Ͱͨ͠
15. Redux-observable ʹ໭ͬͯ…
16. Ͳ͏΍ͬͯReduxͱ RxJS(ReactiveX)ͷ֓೦Λ ૊Έ߹Θ͍ͤͯΔ͔ʁ
17. Action In , Action Out ͷ֓೦ ΠϥετɿTomas Nilsson Ҿ༻ɿhttps://makeitnew.io/epic-reactive-programming-with-redux-observable-eff4d3fb952f Epic: ͋Δఔ౓actionΛόοϑΝˍҰؾʹactionΛ࣮ߦ
18. ͳʹ͕Ͱ͖Δʁ ɾఆظతͳRequest ʢϙʔϦϯάʣ ɾϙʔϦϯάͷΩϟϯηϧ …etcɹ takeUntil: Ҿ਺஋͕؍ଌ͞ΕΔ·Ͱ஋Λ์ग़ => actionʹNAVIGATE_BACK͕དྷͨΒϙʔϦϯά΍ΊΔ
19. ଞϥΠϒϥϦͱͷҧ͍ redux-thunkɿ ɹγϯϓϧɺͦͷ෼ෳࡶͳॲཧ͸ۤख(?) ɹdispatchࡁΈΞΫγϣϯͷΩϟϯηϧ͕ෆՄ redux-Observableɿ ɹΞΫγϣϯΛϙʔϦϯάͰ࣮ߦͨ͠ΓͰ͖Δ ɹdispatchࡁΈΞΫγϣϯͷΩϟϯηϧ͕Մೳ redux-sagaɿ ɹgeneratorؔ਺ʹΑΔ࣮૷ͷͨΊඇಉظॲཧͷதͰಉظతʹ࣮૷ ɹdispatchࡁΈΞΫγϣϯͷΩϟϯηϧ͕ෆՄ ͱɺݴΘΕ͍ͯΔ
20. ReduxඇಉظϥΠϒϥϦ ɾେখؚΊΕ͹10ݸۙ͋͘Δ ɾٞ࿦ͷత͸̏େϥΠϒϥϦ ɹ(saga/thunk/observable) ɾthunk × saga or observable ΋͍͍Αͱ͍͏આ΋
21. ɾRxJSͷ֓ཁ͸ͳΜͱͳ͘Θ͔͕ͬͨ ɾ·ͩ·ͩRxJSͷཧղ͕ඞཁͦ͏ɻएׯͷϋʔυϧʁ ɹ=> ͨͩ͠ɺJSҎ֎ʹ΋ݴޠԣஅతʹReactiveXͷ֓೦͸࢖͑Δɹɹ ɹɹ=> େ͖ͳֶशίετͰ͸ͳ͍ʁ ɾReactiveXͷ֓೦͕γϦΞϧ௨৴ʹࣅͯͨ ɾsagaͱobservable͸ൺֱ͞Ε͕͕ͪͩ࢖༻ײ͸ҟͳΔʁʁ
22. ͋Γ͕ͱ͏͍͟͝·ͨ͠