title: why should I not use CDN for react & babel?
body: <p>When I was learning jQuery &amp; Bootstrap, we (my fellow noobs learning web frameworks) were told CDN had a whole bunch of benefits and such.</p>
  
  <p>Now that I am dabbling in React/Babel, we are told that we should download the files and have it all ready and good from our host server. But we are still capable of using CDN but for prototyping &amp; development only and not suggested for production usage.</p>
  
  <p>I thought the point of using CDN is to save money, bandwidth, etc.</p>
  
  <p>I am referencing these statements:</p>
  
  <p>Babel: <a href="https://babeljs.io/docs/setup/#installation" rel="noreferrer">Compiling in the browser has a fairly limited use case, so if you are working on a production site you should be precompiling your scripts server-side</a></p>
  
  <p>React: "<a href="https://facebook.github.io/react/docs/installation.html" rel="noreferrer">The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available.</a>" (the bottom of the page)</p>
  
  <pre><code>class Button1 extends React.Component {
      constructor(props) {
          super(props);
          this.but = null;
      }
      render() {
          let c = 'mdc-button mdc-button--raised mdc-button--primary mdc-ripple-upgraded';
          let l = e('label', {}, this.props.label);
          let i = iconToggle(this.props.icon);
          this.but = e('button', {className: c, onClick: () =&gt; {toggleLights()}}, l, i);
          return e('div', {className: 'myCenter'}, this.but);
      }
  }
  </code></pre>