$30 off During Our Annual Pro Sale. View Details »

RxJS von Grund auf - Teil 2 - Operatoren und Operatorenketten

Yannick Baron
January 20, 2021

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

Yannick Baron

January 20, 2021
Tweet

More Decks by Yannick Baron

Other Decks in Technology

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