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

[@dvjay1026]

Huge kuddos for this great video

[@davewilson83]

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

[@codecret1]

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

[@milashos]

Thank you. Looking forward to the next part.

[@caceresmauro9767]

This video is gold

[@fgbyte]

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

[@maresal4271]

nice content 🎉

[@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.

[@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

[@Jean-DouglasQuashie]

Unable to run npm build with this error :
vite.config.ts:2:25 - error TS2307: Cannot find module 'path' or its corresponding type declarations.
2 import { resolve } from 'path'
~~~~~~
vite.config.ts:11:22 - error TS2304: Cannot find name '__dirname'.
11 entry: resolve(__dirname, 'lib/main.ts'),
~~~~~~~~~ .
RESOLVED : npm install --save-dev @types/node

[@NicolaeVlad-nw6si]

Great video.