title: Code Splitting / Preloading Content while user is browsing?
body: <p>Using tools like Webpack we can enable code splitting and only 
  load our application code asynchronously when required.</p>
  
  <p>Example in the context of a react application with react-router.</p>
  
  <pre><code>Load initial page.
  
  -&gt; go to new route
  ---&gt; webpack loads in the component file required asynchronous.
  </code></pre>
  
  <p>Webpack waits until the code is required in order to initiate the request.</p>
  
  <p>My question is, once the base application code load, can we start loading the rest of the code, even before the user initiates the transition to the new route?</p>
  
  <p>My view is that will prevent the user from waiting for the webpack chunk to download.</p>
  
  <pre><code>-&gt; Load initial page
  --&gt; user sitting idle or browsing on home page
  ----&gt; Start loading application code for rest of the application
  ---&gt; user goes to new route (faster UX because code has already download in the background)
  </code></pre>
  
  <p>I hope this makes sense</p>