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://facebook.github.io/react/js/jsfiddle-integration.js"></script>
<div id="container"></div>
JavaScript 1.7
var ColorfulLink = React.createClass({
render: function() {
var id = _.uniqueId("ColorfulLink")
return <a href={this.props.href} id={id}>
{this.props.children}
<style>{
"#" + id + ":hover {color: " + this.props.hover + "} " +
"#" + id + ":active {color: " + this.props.active + "} "
}</style>
</a>
}
})
React.render(
<ColorfulLink href="#" hover="aqua" active="red">
Hello, World!
</ColorfulLink>,
document.getElementById('container')
)