title: react.js custom events for communicating with parent nodes
body: <p>I'm making and listening for normal DOM <code>CustomEvent</code>s to communicate to parent nodes:</p>
  
  <p>In child:</p>
  
  <pre class="lang-js prettyprint-override"><code>  var moveEvent = new CustomEvent('the-graph-group-move', { 
      detail: {
        nodes: this.props.nodes,
        x: deltaX,
        y: deltaY
      },
      bubbles: true
    });
    this.getDOMNode().dispatchEvent(moveEvent);
  </code></pre>
  
  <p>In parent: </p>
  
  <pre class="lang-js prettyprint-override"><code>componentDidMount: function () {
    this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup);
  },
  </code></pre>
  
  <p>This works, but is there a React-specific way that would be better? </p>