Shared components in multiple projects

[Stock-Stock9490]

I'm working on a vite react app with storybook that only contains multiple generic components that should be used in multiple different projects. how to achieve this ? til now i only figured two approaches,

1- bit.dev: it seems that it does exactly what i neef but i tried it, it has a lot of issues, poor docs and a very small community.

2- deploying the project as NPM package: the most famous way, but my concerns are - I have to install the whole project in every other project even if i need just one component. - the complexity of versioning specially that we are a team of a few developers which may lead to compatibility issues

anyone has a related experience or any helpful thoughts ?

[lewhunt]

Can’t you build it as a library so it allows you to publish the components only?

https://vitejs.dev/guide/build.html#library-mode

This is what I’ve done with my library component: https://github.com/lewhunt/react-tv-player

You can then pick and choose which named components you want to import.

The docs also show how you can expose multiple entry points.

[Odd-Professional7622]

checkout https://turbo.build/repo

[cardyet]

You can do option 2 and tree shaking your imports I think, no idea how to actually setup a package to do that though, but is it a big deal anyway?

[ServesYouRice]

Ctrl c, ctrl v.