title: How could I combine Angular and React in one project
body: <p>I have a page <code>portal.html</code> which is rendered by Angular by the route <code>portal</code></p>
  
  <pre><code>  state('portal', {
      url: '/',
      templateUrl: 'portal.html',
      controller: 'portalCtrl',
    })
  </code></pre>
  
  <p>However, some UI component interactions I want to implement with ReactJS.</p>
  
  <p>I tried to hook react.js script in the end of body (generated by webpack)</p>
  
  <pre><code>&lt;script type="text/javascript" src="react_box/react_bundle.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>However, I got this error.</p>
  
  <pre><code>invariant.js:38Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.
  </code></pre>
  
  <p>I belive the problem is due to the DOM is not ready when react want to find the DOM.</p>
  
  <p>How can I make the react start working after the DOM is ready by the Angular?</p>