Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cooking with RxJS

Cooking with RxJS

We will break down ReactiveX to basics by using everyday metaphors in order to fully embrace the reactiveness and then show this reactive mindset in building a real-world application.

Miroslav Jonaš

September 27, 2018
Tweet

More Decks by Miroslav Jonaš

Other Decks in Programming

Transcript

  1. COOKING WITH RXJS
    Angular Finland
    sep 2018
    Miroslav Jonas
    @meeroslav
    Photo by @icons8

    View Slide

  2. REACTIVEX
    WHAT IS

    View Slide

  3. An API for asynchronous programming

    with observable streams.
    COOKING WITH RXJS
    @meeroslav
    ReactiveX is a library for composing asynchronous and
    event-based programs by using observable sequences.
    Reactive programming is a declarative
    programming paradigm concerned with data streams and
    the propagation of change.

    View Slide

  4. View Slide

  5. REACTIVEX IS A COMBINATION OF THE
    BEST IDEAS FROM
    THE OBSERVER PATTERN,
    THE ITERATOR PATTERN, 

    AND FUNCTIONAL PROGRAMMING.
    COOKING WITH RXJS
    @meeroslav

    View Slide

  6. FUNCTIONAL

    PROGRAMMING
    Photo by 

    @igormiske

    View Slide

  7. View Slide

  8. View Slide

  9. GANG OF FOUR

    View Slide

  10. ITERATOR PATTERN
    Photo by 

    @fancycrave

    View Slide

  11. OBSERVER
    PATTERN
    Photo by 

    @notsahara

    View Slide

  12. HOT & COLD
    Photo by 

    @janicetea

    View Slide

  13. DEMO TIME
    Photo by 

    @zhenhu2424

    View Slide

  14. View Slide

  15. THANK YOU
    ▸ Tweet/stalk me: @meeroslav
    ▸ Demo source: github.com/meeroslav/rx-tetris
    ▸ Slides: speakerdeck.com/meeroslav/cooking-with-rxjs
    ▸ angular-austria.at

    View Slide