How To Build a React UI Library ep1: Setting up the build system and NPM publishing

Ever needed to build a UI library for your company? Here's a start of the guide on doing just that. Setup Vite to build your UI library, TSConfig to compile it correctly, publish the library to NPM, and use it the same day.
If you have any questions, comment below or let me know through my social media linked on my personal website: antjanus.com/
Helpful links:
- final project result from this video: github.com/Ant...
- Cottage UI library: www.npmjs.com/...
- ViteJS vitejs.dev/
- TypeScript CheatSheet react-typescri...

[@davewilson83]

Bro thank you so much for this video. You have no idea how helpful it was.

[@milashos]

Thank you. Looking forward to the next part.

[@codecret1]

Amazing video,
We should have added .npmignore file to avoid publishing src, tsconfig.json files in npm

[@fgbyte]

Great video. If you could zoom in on the IDE a bit for the next ones 🙏

[@caceresmauro9767]

This video is gold

[@Jezikk]

It would be nice to add an example with 2 components and introduce setup with tree-shaking, because why should I publish a library where the total size of the package is always imported regardless of the components used.

[@maresal4271]

nice content 🎉

[@NicolaeVlad-nw6si]

Great video.

[@droch1la_]

ur video is cool but i have a question
do i call 'npm run build' and 'npm run dev' every time i changed my code? i dont see any changes on page without rebuilding. i try add react-refresh plugin and remove cash but its doesnt help me :(
i see u have a hot module reload system (or something else), because ur page is reload automaticaly after any changes, but also i dont understand how add this in my project(
thnk you

[@olucassampaio]

I'm having the same issue, would love to know how to fix this