React Base Fiddle (JSX)

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

by BinaryMuse

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.js"></script>
<div id="container"></div>

Babel + JSX

var Parent = React.createClass({
  render() {
	  return <Child v="test" />;
  },

  doAThing() {
    console.log("I'm the parent, doing a thing.");
  }
});

var Child = React.createClass({
  render() {
    return <button onClick={this.onClick}>{this.props.v}</button>
  },

  onClick() {
    var parent = this._reactInternalInstance._currentElement._owner._instance;
    console.log("parent:", parent);
    parent.doAThing();
  }
});


ReactDOM.render(<Parent testing={true} />, document.getElementById('container'));