requirejsx.js

view.js:

/**
 * @jsx React.DOM
 */

define(function(require) {
  'use strict';

  var template = require('jsx!./template'),
      React = require('react');
 
  var MyComponent = React.createClass({
    test: 1,
    render: function() {
      return template.apply(this);
    }
  });

  React.renderComponent(
    <MyComponent date={new Date()} />,
    document.getElementById('wrap')
  ); 
});


--------

template.jsx

/**
 * @jsx React.DOM
 */

<div>
  <p>Howdy222 - {this.test} aaa</p>
  <div>
    Hello man
  </div>
</div>