componentDidMount() { this.generateContainerHeight(); this.handleWindowScroll(); this.scrollSubscription = fromEvent(window, 'scroll').subscribe( this.handleWindowScroll, ); }
componentDidMount() { fromEvent(document, 'click').subscribe(() => console.log('Clicked!')); }
// mapNumbers.addEventListener("click", () => { // const evenNumbers = numbers.filter(n => n % 2 === 0).map(n => ({ n })); // result.textContent = JSON.stringify(evenNumbers); // }); fromEvent(startTimer, "click") .pipe( switchMap(() => interval(1000)), filter(n => n % 2 === 0), map(n => ({ n })), scan((p, n) => [...p, n], []) ) .subscribe(evenNumbers => { console.log(evenNumbers); result.textContent = JSON.stringify(evenNumbers); });
Rx.fromEvent(stdin, 'data') .pipe(switchMap(data => getUserObs(data.toString().trim()))) .pipe(
); useEffect(() => { let autoIncrementStateChanges = fromEvent( autoIncrementBtn.current, "click" fromEvent(incrementBtn.current, "click"), autoIncrementStateChanges.pipe( filter(x => x === "started"), fromEvent(decrementBtn.current, "click").pipe( map(() => count => count - 1) ), fromEvent(resetBtn.current, "click").pipe(map(() => count => 0))
// startTimer.addEventListener("click", () => { // const values = []; // let n = 0; // setInterval(() => { // n += 1; // if (n % 2 === 0) { // values.push({ n }); // result.textContent = JSON.stringify(values); // } // }, 1000); // }); fromEvent(loadJokes, "click") .pipe( switchMap(() => ajax.getJSON(jokesUrl)) // filter(n => n % 2 === 0), // map(n => ({ n })), // scan((p, n) => [...p, n], []) ) .subscribe(evenNumbers => { console.log(evenNumbers); result.textContent = JSON.stringify(evenNumbers); });
fromEvent(mapNumbers, "click") .pipe( switchMap(() => from(numbers)),