React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>

<div id="container"></div>

JavaScript 1.7

let Hover = React.createClass({
  render: function() {
    return (
      <span
        style={{ backgroundColor: '#00FFFF', padding: '8px' }}
        onMouseEnter={(event) => {
          console.log('enter');
          $(event.currentTarget).one('mouseleave', (event) => {
            console.log('leave');
          });
	      }}>
        move your cursor here and check the console
      </span>
    );
  }
});

React.render(
  <Hover></Hover>,         
  document.getElementById('container')
)