Rendering Blaze into a React Template

gistfile1.txt

http://stackoverflow.com/questions/36269581/meteor-rendering-a-blaze-template-within-a-react-template

To render blaze from react, you make a wrapper class:

```
AccountsWrapper = React.createClass({
  componentDidMount() {
    this.view = Blaze.render(Template.Accounts,
      React.findDOMNode(this.refs.container));
  },
  componentWillUnmount() {
    Blaze.remove(this.view);
  },
  render() {
    // Just render a placeholder container that will be filled in
    return <span ref="container" />;
  }
});
```

This references a blaze template defined in accounts.html:

```
<template name="Accounts">
  {{> loginButtons }}
  <div>
    {{> React component=Test}}
  </div>
</template>
```

In my routes file, I render the wrapper template like so:

```
FlowRouter.route("/", {
  name: "root",
  action: function(params, queryParams) {
    ReactLayout.render(Root,
      {content: <AccountsWrapper />})
  }
})
```

You can also see that in my blaze template I'm calling

```
{{> React component=Test}}
```

```
Test = React.createClass({
  render() {
    return <div>
    WORKING
    </div>
  }
})

if (Meteor.isClient) {
  Template.Accounts.helpers({
    Test() {
      return Test;
    }
  })
}
```