# Publishing a reusable React UI package as an npm module

> Source: <https://dev.to/aroob/publishing-a-reusable-react-ui-package-as-an-npm-module-1o0g>
> Published: 2026-05-23 21:45:53+00:00

Publishing a reusable React UI package as an npm module is one of the easiest ways to maintain consistency across multiple apps.
Here’s a simple workflow that works well:
1) Structure your package properly
Keep a clean setup like:
src/
→ components + exports
dist/
→ compiled build output
index.ts
→ single entry for exports
2) Build it in a production-ready way
Before publishing, generate:
.mjs
).js
).d.ts
)Example build command:
npm run build
3) Publish it to GitHub Packages
Setup your registry in .npmrc
:
@your-scope:registry=https://npm.pkg.github.com
//https://lnkd.in/dcqNXmcg
Then publish:
npm publish
4) Use beta prereleases for safe testing**
This is the cleanest way to share updates early without breaking stable users.
npm version prerelease --preid=beta
npm publish --tag beta
✅ Stable users keep installing latest
✅ Test users install beta builds
✅ You can iterate faster without risk
This release pattern is simple, scalable, and keeps upgrades controlled.