cursors woooo

app.jsx

var React = require('react');
var History = require('immutable-history');

// call `render` whenever the cursor changes
var state = new History({posts: [], username: 'Jamitron The Terrible'}, render);

var App = React.createClass({
  render: function() {
    var postsCursor = this.props.data.cursor(['posts']);
    return <div>
      <Posts posts={postsCursor} />
    </div>
  }
});

var Posts = React.createClass({
  render: function() {
    var posts = this.props.posts.map(function(p) {
      return <li>Sup</li>;
    });
    return <ul>
      {posts}
    </ul>
  }
});

function render(cursor) {
  React.renderComponent(<App data={cursor} />, document.body);
}