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
   

   View Slide

2. working with RxJS
   Recap: Practical Introduction
   

   View Slide

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
   

   View Slide

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
   

   View Slide

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]
   

   View Slide

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]
   

   View Slide

7. It's a wrap!
   https://www.thinktecture.com/yannick-baron
   

   View Slide