Reactive programming with my little ponies
0 likes47 views
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).
![[blank][blank]](https://image.slidesharecdn.com/reactive-programming-with-my-little-ponies-180209075939-190920125259/85/Reactive-programming-with-my-little-ponies-1-320.jpg)
![MULTIPLE & SYNCHRONOUSMULTIPLE & SYNCHRONOUS
ponies = [ , , ]
for pony in ponies:
print(pony)](https://image.slidesharecdn.com/reactive-programming-with-my-little-ponies-180209075939-190920125259/85/Reactive-programming-with-my-little-ponies-12-320.jpg)
![const g1Ponies$ = Rx.Observable.from(
[ , , ]
)](https://image.slidesharecdn.com/reactive-programming-with-my-little-ponies-180209075939-190920125259/85/Reactive-programming-with-my-little-ponies-15-320.jpg)
![combineLatestcombineLatest
const silly$ = Rx.Observable.of("Small", "Horse")'
const combinedSilly$ = silly$.combineLatest(g1Ponies$)
combinedSilly$.subscribe((combination) =>
console.log(combination))
["Small", ]
["Horse", ]
["Horse", ]
["Horse", ]](https://image.slidesharecdn.com/reactive-programming-with-my-little-ponies-180209075939-190920125259/85/Reactive-programming-with-my-little-ponies-19-320.jpg)
More Related Content
Recently uploaded (20)
Featured (20)
Reactive programming with my little ponies
- 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...
- 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
- 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)