RxJS von Grund auf - Teil 2 - Operatoren und Operatorenketten

(Die Slides beinhalten nur den Recap aus Teil 1. Der Inhalt des Webinars ist hauptsächlich live im Webinar!)

Im ersten Teil haben wir uns die grundlegenden Konzepte hinter RxJS näher angesehen. Dabei kam ein Blick hinter die Kulissen von Operatoren und Operatorketten zu kurz. In diesem Teil möchten wir besonderen Fokus auf diese Aspekte legen und den Vorhang lüften. Dazu werden wir uns nicht nur bestehende Operatoren ansehen, sondern uns mit der Erstellung eigener Operatoren auseinander setzen.

* Kurzes Recap des ersten Webinar
* Operatoren selbstgemacht
* Verhalten in Operatorketten
* Operatoren parametrisieren
* Existierende Operatoren wiederverwenden

Transcript

1. RxJS von Grund auf - Teil 2 Operatoren und Operatorenketten Yannick Baron @yannick_baron https://www.thinktecture.com/yannick-baron
2. working with RxJS Recap: Practical Introduction
3. • Observable
 data stream or source emitting data over time • Observer
 function that will be called when new data is emitted • Subscription
 one-sided connection between Observer and Observable • Operators (combination, filtering, transformation, ...)
 replace your observables with a modified one Observable, Observer, Subscription & Operators
4. • Observable
 data stream or source emitting data over time • Observer
 function that will be called when new data is emitted • Subscription
 one-sided connection between Observer and Observable • Operators (combination, filtering, transformation, ...)
 replace your observables with a modified one Observable, Observer, Subscription & Operators
5. • three events we can react to • next
 receive the next value going through the stream • error
 react to the observable throwing - no more values will be emitted
 observers unsubscribe - observable does not complete • complete
 observable completes without error - no more values will be emitted
 observers unsubscribe
 next, error, complete [Examples: 02, 03]
6. new Observable(observer => {
 observer.next('Value 1');
 observer.next('Value 2');
 observer.complete();
 
 return () => {
 // observer unsubscribed
 };
 });
 
 from(['Value 1', 'Value 2']);
 
 of('Value 1');
 
 create, fromEvent, interval, ...
 creating Observables is easy!
 wrap asynchronous actions several (12) creation operators [Examples: 01]
7. It's a wrap! https://www.thinktecture.com/yannick-baron