JSX desugars very straightforwardly to Javascript syntax so you can mix it freely.
/** @jsx React.DOM */
var items1 = [ <li>S</li>, var items1 = [ React.DOM.li({}, "S"),
<li>S</li>, React.DOM.li({}, "S"),
<li>S</li> ]; React.DOM.li({}, "S") ];
var items2 = [ <li>S</li>, var items2 = [ React.DOM.li({}, "S"),
<li>S</li>, React.DOM.li({}, "S"),
<li>S</li> ]; React.DOM.li({}, "S") ];
var list = <ul>{items1+items2}</ul>; var list = React.DOM.ul({}, items1+items2);