Reactive React components using Most

main.jsx

import React from 'react';
import most from 'most';

let push = ({source: {sink}}, event) => {
  
  try {
      sink.event(event.type, event);
  } catch (err) {
      sink.error(event.type, err);
  }
};

let Button = React.createClass({
    
    _onClick: push.bind(null, (() => {
        
        let clicks = most.create(() => {});
        
        clicks.forEach(console.log.bind(console));
        
        return stream;
    })()),
    
    render() {
        
        return <button onClick={this._onClick}>Click Me!</button>;
    }
});

React.render(<Button />, document.body);