At Montel Intergalactic we have an event called 'TekijäTorstai' (Tinkerers'Thursday) every few weeks. A while ago our CEO Lauri Kainulainen gave a presentation about Reactive Programming (explained using My Little Ponies).

1. [blank][blank]

2. Poll results are herePoll results are here

3. ReactiveReactive
programmingprogramming
explained through Myexplained through My
Little Pony and viceLittle Pony and vice
versaversa

4. BasicsBasics

5. -- Wikipedia
-- Wikipedia
My Little Pony is an entertainment
franchise developed by Hasbro,
originally as a toy line for girls.
Reactive programming is a
declarative programming paradigm
concerned with data streams and the
propagation of change.

6. SINGLE MULTIPLE
SYNC Function Iterator
ASYNC Promise Observer

8. SINGLE & SYNCHRONOUSSINGLE & SYNCHRONOUS
getPony() =>
function getPony() {
return
}

9. SINGLE & ASYNCHRONOUSSINGLE & ASYNCHRONOUS
const ponyPromise = new Promise((resolve, reject) => {
resolve( )
})
ponyPromise.then((pony) => console.log(pony))

10. SINGLE MULTIPLE
SYNC Function Iterator
ASYNC Promise Observer

12. MULTIPLE & SYNCHRONOUSMULTIPLE & SYNCHRONOUS
ponies = [ , , ]
for pony in ponies:
print(pony)

13. MULTIPLE & ASYNCHRONOUSMULTIPLE & ASYNCHRONOUS
const ponies$ = Rx.Observable.create((observer) => {
observer.next( )
observer.next( )
observer.next( )
observer.complete()
}
ponies$.subscribe((pony) => console.log(pony))

14. WTF?WTF?

15. const g1Ponies$ = Rx.Observable.from(
[ , , ]
)

16. MapMap
const sleepy$ = g1Ponies$.map((pony) => ponySleep(pony))
sleepy$.subscribe((pony) => console.log(pony))

17. const butterscotches$ =
Rx.Observable.of( , , )
const blueBelles$ =
Rx.Observable.of( , , )

18. MergeMerge
const blueButters$ = blueBelles$.merge(butterscotches$)
blueButters$.subscribe((pony) => console.log(pony))

19. combineLatestcombineLatest
const silly$ = Rx.Observable.of("Small", "Horse")'
const combinedSilly$ = silly$.combineLatest(g1Ponies$)
combinedSilly$.subscribe((combination) =>
console.log(combination))
["Small", ]
["Horse", ]
["Horse", ]
["Horse", ]

20. There are so many more...There are so many more...

21. Creation OperatorsCreation Operators
ajax
bindCallback
bindNodeCallback
create
defer
empty
from
fromEvent
fromEventPattern
fromPromise
generate
interval
never
of
repeat
repeatWhen
range
throw
timer

22. Transformation OperatorsTransformation Operators
bu er
bu erCount
bu erTime
bu erToggle
bu erWhen
concatMap
concatMapTo
exhaustMap
expand
groupBy
map
mapTo
mergeMap
mergeMapTo
mergeScan
pairwise
partition
pluck
scan
switchMap
switchMapTo
window
windowCount
windowTime
windowToggle
windowWhen

23. Filtering OperatorsFiltering Operators
debounce
debounceTime
distinct
distinctKey
distinctUntilChanged
distinctUntilKeyChanged
elementAt
lter
rst
ignoreElements
audit
auditTime
last
sample
sampleTime
single
skip
skipLast
skipUntil
skipWhile
take
takeLast
takeUntil
takeWhile
throttle
throttleTime

24. Combination OperatorsCombination Operators
combineAll
combineLatest
concat
concatAll
exhaust
forkJoin
merge
mergeAll
race
startWith
switch
withLatestFrom
zip
zipAll
Multicasting OperatorsMulticasting Operators
cache
multicast
publish
publishBehavior
publishLast
publishReplay
share

25. Yeah, but still why?Yeah, but still why?
Might become a JS standard
Make (more) sense of complicated async
processes
Support cancellation
Hurt your brain (in a good way)