componentOnly.jsx

/** @jsx React.DOM */
var React = require('react');
var Component = require('omniscient');


module.exports = Home = Component(function(props) {
    var cursor = props.data.cursor;
    var onChange = function(e) {
        cursor.update('content', function(content) {
            return e.target.value;
        });
    };

    return <div>
        <h1>{cursor.get('title')}</h1>
        <h1>{cursor.get('content')}</h1>
        <div><input type="text" value={cursor.get('content')} onChange={onChange}/></div>
    </div>
}).jsx;

componentReactClass.jsx

/** @jsx React.DOM */
var React = require('react');
var Component = require('omniscient');


var HomeContent = Component(function(props) {
    var cursor = props.data.cursor;
    var onChange = function(e) {
        cursor.update('content', function(content) {
            return e.target.value;
        });
    };

    return <div>
        <h1>{cursor.get('title')}</h1>
        <h1>{cursor.get('content')}</h1>
        <div><input type="text" value={cursor.get('content')} onChange={onChange}/></div>
    </div>
}).jsx;


module.exports = Home = React.createClass({
    render: function() {
        return <HomeContent data={this.props} />
    }
});