component.jsx

/** @jsx React.DOM **/
<div>
  <FormattedMessage
    message={getIntlMessage('post.meta')}
    num={props.post.comments.length}
    ago={<FormattedRelative value={props.post.date} />}
  />
  <span>{random}</span>
</div>

postmeta.jsx

/** @jsx React.DOM **/
<PostMeta post={post} {...intlData} />

react.js

'use strict';

//
// Required for old node.js builds and io.js
//
if (!global.Intl) global.Intl = require('intl');

var path = require('path')
  , React = require('react')
  , jsx = require('react-jsx')
  , ReactIntl = require('react-intl')
  , read = require('fs').readFileSync
  , IntlMixin = ReactIntl.IntlMixin;

var templates = {
  component: jsx.server(read(path.join(__dirname, 'component.jsx'), 'utf-8')),
  postmeta: jsx.server(read(path.join(__dirname, 'postmeta.jsx'), 'utf-8'))
};

var Component = React.createClass({
  mixins: [ReactIntl.IntlMixin],
  render: function render() {
    return templates.component({
      FormattedMessage: this.FormattedMessage,
      props: this.props,
      getIntlMessage: this.getIntlMessage,
      FormattedRelative: this.FormattedRelative,
      random: 'lol cakes'
    });
  }
});

console.log(templates.postmeta({
  PostMeta: Component,
  post: {
    date    : 1422046290531,
    comments: [1]
  },
  intlData:{
    locales : ['en-US'],
    messages: {
      post: {
        meta: 'Posted {ago}, {num, plural, one{# comment} other{# comments}}'
      }
    }
  }
}, { html: true }));