​

​

// pretend these are defined elsewhere and are useful

var CommentForm = React.createClass({render: function(){ return React.createElement('div', null, 'CommentForm') }});

var CommentList = React.createClass({render: function(){ return React.createElement('div', null, 'CommentList') }})

​

// create factories

var [div, h1, commentForm, commentList] = [

  'div', 'h1', CommentForm, CommentList

].map(React.createFactory);

​

var CommentBox = React.createClass({displayName: 'CommentBox',

  render: function() {

    // use factories

    return (

      div({className: "commentBox"}, 

        h1(null, "Comments"), 

        commentList(null), 

        commentForm(null)

      )

    );

  }

});

​

React.render(React.createElement(CommentBox, null), document.body);