block by jfsiii 313ff7cca60160bf305c

Shareable React demo?

Full Screen

index.js

function render(timestamp) {
  requestAnimationFrame(render);
  var o = {
    name: "World", 
    time: timestamp
  };
  React.renderComponent(templates.hello(o), document.body);
}

requestAnimationFrame(render);  

index.html

<!doctype html>
<body>
  <script src="//fb.me/react-with-addons-0.10.0.js"></script>
  <script src="//fb.me/JSXTransformer-0.10.0.js"></script>
  <script type="text/jsx">
  /** @jsx React.DOM */

  function Hello(o) {
    return <div>Hello, {o.name} @ {o.time}</div>;
  }
  </script>
  <script>
  var templates = {
    hello: function Hello(o) {
      // compiled above template at //facebook.github.io/react/jsx-compiler.html
      return React.DOM.div(null, "Hello, ", o.name, " @ ", o.time);
    }
  };
  </script>
  <script src="index.js"></script>
</body>