title: Convert Webpack syntax to browserify syntax
body: <p>I am learning Flux and am looking at some sample code for an app.config that uses react-router :</p>
  
  <pre><code>import React from 'react';  
  import Router from 'react-router';  
  import { DefaultRoute, Link, Route, RouteHandler } from 'react-router';
  
  import LoginHandler from './components/Login.js';
  
  let App = React.createClass({  
    render() {
      return (
        &lt;div className="nav"&gt;
          &lt;Link to="app"&gt;Home&lt;/Link&gt;
          &lt;Link to="login"&gt;Login&lt;/Link&gt;
  
          {/* this is the importTant part */}
          &lt;RouteHandler/&gt;
        &lt;/div&gt;
      );
    }
  });
  
  let routes = (  
    &lt;Route name="app" path="/" handler={App}&gt;
      &lt;Route name="login" path="/login" handler={LoginHandler}/&gt;
    &lt;/Route&gt;
  );
  
  Router.run(routes, function (Handler) {  
    React.render(&lt;Handler/&gt;, document.body);
  });
  </code></pre>
  
  <p>This piece of code was written for being used with the Webpack module.</p>
  
  <p>I would try to avoid using it and only use browserify instead.</p>
  
  <p>How do I convert this code? I know I must convert the imports (but am not sure of the syntax), is there more to it?</p>
  
  <p>Here is <strong>my</strong> app.js so far :</p>
  
  <pre><code>var React = require('react');
  var ProductData = require('./ProductData');
  var CartAPI = require('./utils/CartAPI')
  var FluxCartApp = require('./components/FluxCartApp.react');
  
  
  // Load Mock Product Data into localStorage
  ProductData.init();
  
  // Load Mock API Call
  CartAPI.getProductData();
  
  // Render FluxCartApp Controller View
  React.render(
    &lt;FluxCartApp /&gt;,
    document.getElementById('flux-cart')
  );
  </code></pre>