title: How to split a mammoth React application into multiple small modules
body: <p>Our Team is working on a huge commerce application which is like any other commerce application has several modules. Each module has its own specific team to take care of its coding, testing and  deployment.<br/>
  Being a Single SPA for all modules we face challenges during deployment like one of the deployment is overridden by other teams. To overcome this we wanted to <strong>split our application into multiple modules yet adhering to SPA model</strong>.<br/>
  Pointer for the ways of doing this will be greatly appreciated.<br/><br/> 
  <strong>Example Scenario:</strong> <br/>
  Main application is divided as follows,br/>
  Main Application<br/>
  1) Products<br/>
  2) Pricing<br/>
  3) Ordering<br/>
  4) Fulfillment<br/>
  5) Returns<br/>
  and we also have <strong><em>Core</em></strong> module which is shared among all modules.<br/></p>
  
  <p>Now our challenge is to make sure that individual components are deployed independently without the other.</p>
  
  <p><strong>Note:</strong> we are using <strong>webpack</strong> for bundling and code splitting across react components.</p>