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.

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