Using the BackBone .extend pattern with React

index.js

'use strict';

var React = require('react');
React.Component.extend = require('extendible');

var MyComponent = React.Component.extend({
  state: {
    what: 'extend'
  },
  render: function () {
    return React.createElement('div', null, 'omg, this works with ' + this.state.what);
  }
});

var MyClone = MyComponent.extend({
  state: {
    what: 'clones'
  }
});

console.log(React.renderToString(React.createElement(MyComponent)));
console.log(React.renderToString(React.createElement(MyClone)));

result.out

<div data-reactid=".ci436j1fk0" data-react-checksum="-775350718">omg, this works with extend</div>
<div data-reactid=".a2qxm9ou80" data-react-checksum="-492562777">omg, this works with clones</div>