Turn React events into rxjs streams (example: single click, double click...)

clickStream.js

// stream of clicks
// onClick should call this.handleClick.bind(this) for it to work
const click$ = Observable
  .create((observer) => {
    // method puts clicks into stream
    this.handleClick = (event) => {
      observer.next(event)
    }
  })
  .share() // allow multiple branches

// stream of clicks that happen short after each other
const groupedClicks$ = click$
  .buffer(click$.debounceTime(250))
  .share() // allow multiple branches

// stream of lone clicks (at least 250ms before or after another click)
const singleClick$ = groupedClicks$
  .filter(clicks => clicks.length === 1)

// stream of double clicks 
const doubleClick$ = groupedClicks$
  .filter(clicks => clicks.length === 2)
  
// ...

// inspired on: https://gist.github.com/mauriciosoares/5f7d185e900a23895e24