title: Render Normal JavaScript in React
body: <p>So I'm new to react and I'm trying to understand how non-react code and react code can interact.</p>
  
  <p>So for example, let's say I have a library which draws a circle in a DOM element with syntax like this:
  <code>c = new Circle('#container')</code></p>
  
  <p>and as soon as that code is executed, a circle is drawn in the DOM element with an id of <code>container</code>.</p>
  
  <p>If I wanted to create a React component based off of this, how would I go about it? This is what I had in mind:</p>
  
  <pre><code>var circ = React.createClass({
  
      componentDidMount: function(){
        c = new Circle('#container')
      },
  
      render: function(){
        return (
          &lt;div id="container"&gt;&lt;/div&gt;
      );
     }
  
  });
  </code></pre>
  
  <p>Is this acceptable, or is there a better way to go about this?</p>