React component for rendering Blaze templates inside other React components. Adapted from https://github.com/jedwards1211/meteor-webpack-react/blob/a4cf9be698a3ded97ffa4bb53b11ede0c39d364e/app/components/BlazeTemplate.js and https://forums.meteor.com/t/calling-meteor-template-from-react-components/8704

blaze-template.js

BlazeTemplate = React.createClass({
  propTypes: {
    template: React.PropTypes.any.isRequired,
          component: React.PropTypes.any,
  },

  getDefaultProps() {
    return {
      component: 'div'
    };
  },

  // we don't want to re-render this component if parent changes
  shouldComponentUpdate() {
    return false;
  },

  componentDidMount() {
    this.view = Blaze.render(this.props.template, React.findDOMNode(this.refs.root));
  },

  componentWillUnmount() {
    Blaze.remove(this.view);
  },

  render() {
    let {component, ...props} = this.props;
    props.ref = 'root';
    return React.createElement(component, props);
  }
});