React.js: how to decouple jsx out of JavaScript

Question

Is there any way to move the jsx from a component\'s render function to a separate file? If so, how do I reference the jsx in the render function?

Answer 1

You can use react-templates. It gives you exactly this separation between the markup and the component itself, and much more.

I found it very useful for my needs (a large scale web app).