Compile JSX to string

example.js

function Foo(props) {
  return (
    <div className="yes">
    	<p>Hello, {props.name}</p>
    </div>
  );
}

function FooCompiled(props) {
  return (
    // TODO: Whitelist DOM element names
    '<div class="yes">' +
    // Encode values properly
    '<p>' + 'Hello, ' + handleValue(props.name) + '</p>' +
    '</div>'
  );
}

class Something extends React.Component {
  constructor(props) {
    super(props);
  }
  
  render() {
    return (
      <div>
      	{props.foos.map(foo => <Foo foo={foo} {...props.bar} />)}
      </div>
    );
  }
}

class SomethingCompiled extends React.Component {
  constructor(props) {
    super(props);
  }
  
  render() {
    return (
      '<div>' +
      handleValue(props.foos.map(foo => ReactDOMServer.renderToStaticMarkup(
       	<Foo foo={foo} {...props.bar} />
      ))) +
      '</div>'
    );
  }
}

// TODO: Compile third-party components or use ReactDOMServer.renderToStaticMarkup(<Foo />)
function renderCompositeComponent(type, props) {
  return type instanceof React.Component ?
    (new type(props)).render() :
  	type(props);
}