babel react

fiddle

by dingen2010

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<link rel="stylesheet" href="http://w2ui.com/web/js/w2ui-1.3a.min.css">
<script src="https://unpkg.com/[email protected]/babel.js"></script>
<div id="root"></div>

Babel + JSX

function Message({msg}) 
{
  return (<div> 
  {
      msg 
      ?
      <div>{msg}</div> 
      : 
      <div> Nothing </div>
  } 
  </div>)
}

  ReactDOM.render( <Message msg = 'hi there' /> , document.getElementById('root'));