Simple high order function that connects flyd streams/callback functions to React

flyd-react.js

// Example 
//  const counter = flyd.stream()
//  const incCounter = () => counter(counter() + 1)
//  const FComp = ({counter, incCounter}) => <span onClick={incCounter}> {counter} </span>
//  connectStreams ({
//    counter,
//    incCounter
//  })(FComp)
//

export const connectStreams = streams => Component => {
  return class extends React.Component{
    constructor(props) {
      super(props);
      this.callbacks = {}
      const state = {}
      for (const [key, streamOrCb] of Object.entries(streams)){
        if (flyd.isStream(streamOrCb)){ // streams
          state[key] = streamOrCb()
          flyd.on(data => {
            this.setState({[key]: data})
          }, streamOrCb) 
        } else if (typeof streamOrCb === 'function') { // callbacks
          this.callbacks[key] = streamOrCb
        }
      }
      this.state = state
    }
    render () {
      return <Component {...this.props}  {...this.callbacks} {...this.state}/>
    }
  }
}