RxJS - javascript

Operator Types

• Combination
• Conditional
• Creation
• Error handling
• Multicasting
• Filtering
• Transformation
• Utility
• Full Listing

Debounce window resize

const resizeObservable = fromEvent(window, 'resize');
resizeObservable
    .pipe(
        map(e => e.target.outerWidth),
        debounceTime(500)
    )
    .subscribe(console.log)

# A different style of the same type of thing
const resizeObservable = fromEvent(window, 'resize');
resizeObservable
    .pipe(
        debounceTime(500)
    )
    .subscribe((e) => console.log(e.target.outerWidth))

        

Create custom operator

import { pipe, filter, map } from 'rxjs';

function discardOddDoubleEven() {
  return pipe(
    filter((v) => !(v % 2)),
    map((v) => v + v)
  );
}