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

Reactive Vue

Reactive Vue

In this talk, we will break down ReactiveX and reactiveness to basics by using everyday metaphors. Next, we will use this reactive mindset on stage to build the logic for a popular game.

Miroslav Jonaš

November 30, 2018
Tweet

More Decks by Miroslav Jonaš

Other Decks in Programming

Transcript

  1. REACTIVE VUE
    VUE.JS VIENNA November 2018
    @meeroslav

    View Slide

  2. MIROSLAV JONAS
    @meeroslav
    github.com/meeroslav

    View Slide

  3. REACTIVEX IS
    “A BIT” OLDER
    THAN YOU
    THINK
    @meeroslav

    View Slide

  4. WHAT IS
    REACTIVEX?
    @meeroslav

    View Slide

  5. @meeroslav
    COMBINATION OF
    THE BEST IDEAS FROM
    THE OBSERVER PATTERN,
    THE ITERATOR PATTERN,
    AND FUNCTIONAL PROGRAMMING

    View Slide

  6. FUNCTIONAL
    PROGRAMMING
    Photo by
    @igormiske
    @meeroslav

    View Slide

  7. @meeroslav

    View Slide

  8. @meeroslav

    View Slide

  9. @meeroslav

    View Slide

  10. Photo by
    @fancycrave
    ITERATOR PATTERN
    @meeroslav

    View Slide

  11. Photo by
    @notsahara
    OBSERVER PATTERN
    @meeroslav

    View Slide

  12. Photo by
    @janicetea
    HOT & COLD
    @meeroslav

    View Slide

  13. IT’S LIKE PROMISE
    BUT BETTER
    @meeroslav

    View Slide

  14. DEMO GODS
    Photo by
    @zhenhu2424
    @meeroslav

    View Slide

  15. View Slide

  16. THANK YOU
    @meeroslav
    bit.ly/vuerx-tetris

    View Slide