JS vs JSX

const ExampleComponent1 = React.createClass({
  render: function () {
    return (
      <div className="example">
        <h1>Example Component 1</h1>
        <ul>
          <li>One item</li>
          <li>Another item</li>
        </ul>
      </div>
    );
  }
});

const ExampleComponent2 = React.createClass({
  render: function () {
    const $ = React.createElement;
    return (
      $('div', { className: 'example' },
        $('h1', null, 'Example Component 2'),
        $('ul', null,
          $('li', null, 'One item'),
          $('li', null, 'Another item')))
    );
  }
});

const $ = React.createElement;

ReactDOM.render(
  $('div', null,
    <ExampleComponent1 />,
    $(ExampleComponent2)),
  document.querySelector('.content')
);