title: Using React Router with CDN and without webpack or browserify
body: <p><strong>Resume</strong>: I need to run React Router without wepback or similar tools. Directly from CDN links, but I'm stuck with some require.js error.</p>
  
  <hr>
  
  <p>I'm starting to build my first App with React and I'm struggling with React Router.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="container"&gt;&lt;/div&gt;
  
  
      &lt;script src="https://unpkg.com/react@15/dist/react.js"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/react-dom@15/dist/react-dom.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"&gt;&lt;/script&gt;
  
      &lt;script src="https://npmcdn.com/react-router@2.4.0/umd/ReactRouter.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/babel" src="assets/scripts/03_templates/app.js" charset="utf-8"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } = ReactRouter;
  
  //some classes 
  
  ReactDOM.render((
      &lt;Router history={hashHistory}&gt;
          &lt;Route path="/" component={Window}&gt;
              &lt;IndexRoute component={InitialPage}/&gt;
              &lt;Route path="register" component={Register} /&gt;
              &lt;Route path="search" component={Search} /&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;
  ), document.getElementById("container"));
  </code></pre>
  
  <p>Everything is running fine but i get this on console:</p>
  
  <blockquote>
    <p>react.js:3639 Warning: You are manually calling a React.PropTypes
    validation function for the <code>getComponent</code> prop on <code>IndexRoute</code>. This
    is deprecated and will not work in production with the next major
    version. You may be seeing this warning due to a third-party PropTypes
    library.</p>
  </blockquote>
  
  <p>So, I suppose my react Router is a old version. I changed the link to </p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-0/react-router.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <blockquote>
    <p>Warning: React.createElement: type should not be null, undefined,
    boolean, or number. It should be a string (for DOM elements) or a
    ReactClass (for composite components).</p>
  </blockquote>
  
  <p>I search about it and it seems the problem is on line 1. So I changed this:</p>
  
  <pre><code>var { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } = ReactRouter;
  </code></pre>
  
  <p>To this:</p>
  
  <pre><code>import { Router, Route, IndexRoute, hashHistory, IndexLink, Link, browserHistory } from 'react-router';
  </code></pre>
  
  <p>And now I have this problem:</p>
  
  <blockquote>
    <p>app.js:2 Uncaught ReferenceError: require is not defined</p>
  </blockquote>
  
  <p>I searched for require.js, tried some stuff but nothing fixed my problem. What am I missing? I need to run this without webpack or similars tools.</p>
  
  <p>Thanks</p>