Shared component library best practices : <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>
