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">
function Hello(o) {
return <div>Hello, {o.name} @ {o.time}</div>;
}
</script>
<script>
var templates = {
hello: function Hello(o) {
return React.DOM.div(null, "Hello, ", o.name, " @ ", o.time);
}
};
</script>
<script src="index.js"></script>
</body>