Bacon + React

gistfile1.js

var BaconValue = React.createClass({
    getInitialState: function() {
      return {value: '-'};
    },
    render: function() {
      return (
        <div>{this.state.value}</div>
      )
    },
    componentDidMount: function() {
      this.unsubscribe = this.props.value.onValue(function(value) {
        this.setState({
          value: value
        });
      }.bind(this));
    },
    componentWillUnmount: function() {
      this.unsubscribe();
    }    
});

var pekonia = Bacon.repeatedly(1000, [1,2,3,4]);

var App = React.createClass({
  render: function() {
    return (
      <BaconValue value={pekonia}></BaconValue>
    )
  }
});