Pre-render with react v.0.12

index.js

var React = require('react');
require('node-jsx').install();

var MyApp = React.createFactory( require('./myApp') );

var app = new MyApp({items:['a', 'b', 'c']});

var str = React.renderToString( app );

console.log( 'str: ', str, '\n\n\n', app );

myApp.js

/** @jsx React.DOM */

var React = require('react');

module.exports = React.createClass({

  getInitialState: function() {
    return {items: this.props.items}
  },


  handleClick: function() {
    this.setState({items: this.state.items.concat(this.state.items.length)})
  },

  render: function() {

    return <div>
      <button onClick={this.handleClick} disabled={this.props.disabled}>Add Item</button>

      <ul>
        {this.state.items.map( function(item) {
            return <li key={item}>{item}</li>
          }
        )}
      </ul>
    </div>
  }

})