Reactive Programming with RxJS

An Intro to Reactive Programming with RxJS at JogjaJS event

Transcript

1. REACTIVE PROGRAMMING WITH RXJS YOGYAKARTA, 21 OKTOBER 2017 DANCA PRIMA
2. WHAT IS REACTIVE PROGRAMMING ?
3. C = A+B
4. Reactive programming is programming with asynchronous data stream. Anything can be a stream: variables, user inputs, properties, caches, data structures, etc.
5. A stream is a sequence of ongoing events ordered in time. It can emit three different things: a value (of some type), an error, or a "completed" signal.
6. WHAT IS ReactiveX(RX)?
7. ReactiveX is a library that brings Reactive Programming to Many Langugages
8. u Java: RxJava u JavaScript: RxJS u C#: Rx.NET u C#(Unity): UniRx u Scala: RxScala u Clojure: RxClojure u C++: RxCpp u Lua: RxLua u Ruby: Rx.rb u Python: RxPY u Go: RxGo u Groovy: RxGroovy u JRuby: RxJRuby u Kotlin: RxKotlin u Swift: RxSwift u PHP: RxPHP u Elixir: reaxive u Dart: RxDart
10. TWO MAJOR COMPONENT
11. Observable & observers u Observables give data and observers receive data u Observables are just functions in JavaScript - they don’t do anything until you subscribe to them. u Observables are always observed by observers
13. Observable
15. CODE EXAMPLE !
16. OPERATORS u buffer u bufferCount u bufferTime u bufferToggle u bufferWhen u combineAll u combineLatest u concat u concatAll u concatMap u concatMapTo u count u debounce u debounceTime u defaultIfEmpty u delay u delayWhen u dematerialize u distinctUntilChanged u do u every u expand u filter u first u groupBy u ignoreElements u last u let u map u mapTo u merge u mergeMap u partition u pluck u publish u race u repeat u retry u retryWhen u sample u scan u share u single u skip u skipUntil u skipWhile u startWith u switchMap u window u windowCount u windowTime u windowToggle u windowWhen u withLatestFrom u zip
17. CODE EXAMPLE #2
18. https://github.com/dancaprima/StopwatchRxJS
19. ANY QUESTION ? u Source: u https://www.learnrxjs.io/ u http://reactivex.io/rxjs/