Reactive
Programming

em JavaScript

Parte 3

de 3

RxJS

Tópicos

1. Definições
2. Observables
3. Hands On

Reactive
Programming

programar com "data stream" assíncronos em mente o tempo todo.

double
clicks

2. Observables

var input = document.querySelector("input");

Observables

var inputStream = Rx.Observable
                    .fromEvent(input, "keyup");
var filterInputStream = inputStream
        .debounce(250)
        .map(function () {
            return input.value;
        })
        .filter(function (value) {
            return value;
        })
        .distinctUntilChanged();
var Rx = require("rxjs/Rx")
filterInputStream.subscribe(console.log)
// Aero
// Aerosmid
// Aerosmith

3. Hands On

Hands On

Obrigado

Made with Slides.com