OdessaJS'2017

1. RxJS - think reactively
Aleksandr Gribanov, DataArt

2. Что такое RxJS?

3. Promises
• One value
• Good for AJAX requests
• Cannot be canceled
• Not lazy
• Cannot be replayed/retried

4. Observables
• Stream
• Lazy
• Can be canceled
• Can be retried
• Easy to combine

5. Promises vs Obervables
.then(
successCb,
errorCb
)
.subscribe(
nextCb,
errorCb,
completeCb
)

6. Map

7. Scan

8. TakeWhile

9. Merge

10. SwitchMap

11. TakeUntil

12. Начните с этих операторов
.scan()
.delay()
.debounceTime()
.mergeMap()
.switchMap() = flatMap()
•from()
•fromEvent()
•fromPromise()
•map()
•filter()
•take()

13. Versions
RxJS 4.0
https://github.com/Reactive-Extensions/RxJS
RxJS 5.beta
https://github.com/ReactiveX/rxjs

14. Какие задачи не нужно решать с RxJS
 Используйте там где это имеет смысл
 RxJS не нужен чтобы обработать клик по кнопке
 RxJS не нужен чтобы засабмитить форму на бекенд
 RxJS не фреймворк, не нужно писать все приложение, как один
Observable

15. RxJS в деле
 Angular 2
 Redux-Observable
 rxjs-react-component
 vue-rx
 RxJS-jQuery
 CycleJS

16. Links
• http://reactivex.io/rxjs
• http://reactivex.io/rxjs/manual/overview.html#marble-diagrams
• http://rxmarbles.com/

17. Вопросы