title: Shared component library best practices
body: <p>I am creating a shareable React component library. </p>
  
  <p>The library contains many components but the end user may only need to use a few of them. </p>
  
  <p>When you bundle code with Webpack (or Parcel or Rollup) it creates one single file with <em>all the code</em>. </p>
  
  <p>For performance reasons I do not want to all that code to be downloaded by the browser unless it is actually used. 
  Am I right in thinking that I should not bundle the components? Should the bundling be left to the consumer of the components? 
  Do I leave anything else to the consumer of the components? Do I just transpile the JSX and that's it?</p>
  
  <p>If the same repo contains lots of different components, what should be in main.js?</p>