main.js

/** -----------------
 * main.js
 * ------------------
 */

import React from 'react';
import HelloMessage from './HelloMessage.jsx';
import logger from './logger.js';

var data = { name: 'Zak' };

var helloMessage = new HelloMessage(logger);

React.render(
  <helloMessage.reactClass name={data.name} />,
  document.getElementsByClassName('box-1')[0]
);

/** -----------------
 * HelloMessage.jsx
 * ------------------
 */
import React from 'react';

export default class HelloMessage
{
  constructor(logger)
  {
    this.logger = logger;

    var _this = this;
    this.reactClass = React.createClass({
      render: function()
      {
        _this.logger('render');
        return <div>Hello {this.props.name}</div>;
      }
    })
  }
}