React Hyperscript vs JSX

hs-vs-jsx.js

h('div.example', [
  h('h1#heading', 'This is hyperscript'),
  h('h2', 'creating React.js markup'),
  h(AnotherComponent, {foo: 'bar'}, [
    h('li', [
      h('a', {href: 'http://whatever.com'}, 'One list item')
    ]),
    h('li', 'Another list item')
  ])
])

<div className="example">
  <h1 id="heading">This is JSX</h1>
  <h2>creating React.js markup</h2>
  <AnotherComponent foo={bar}>
    <li><a href="http://whatever.com">One list item</a></li>
    <li>Another list item</li>
  </AnotherComponent>
</div>