What I learned from making my first OSS NPM package/Component Library

1. react-daisyui

   1 11 1,009 6.9 TypeScript

   daisyUI components built with React 🌼

   

   Fast forward to today: me and the developer (who had the npm package name) joined forces and collaborated to release an OFFICIAL library for daisyui which has been adopted by the daisyUI organization/original author (which you can find here). Almost 40 stars on our first day!! 🤯

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. daisyui

   2 285 36,323 9.9 JavaScript

   🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

   

   To start off: I've had the craziest week. I got back from vacation and continued to pluck away part-time at my little side project – a react component libray for daisyui – when I found out the name had been taken on npm while I was out of town.

4. react-bootstrap

   3 111 22,530 7.5 TypeScript

   Bootstrap components built with React

   

   Throughout development I was referencing design choices made by React Bootstrap, Material UI, Ant Design. Notice how all of these HUGE libraries, used by hundreds of enterprise teams around the globe, are open source?

5. Material UI

   4 300 95,369 10.0 TypeScript

   Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

   

   Throughout development I was referencing design choices made by React Bootstrap, Material UI, Ant Design. Notice how all of these HUGE libraries, used by hundreds of enterprise teams around the globe, are open source?

6. antd

   5 234 94,321 9.9 TypeScript

   An enterprise-class UI design language and React UI library

   

   Throughout development I was referencing design choices made by React Bootstrap, Material UI, Ant Design. Notice how all of these HUGE libraries, used by hundreds of enterprise teams around the globe, are open source?

7. vite

   6 900 72,171 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.

8. storybook

   7 354 86,407 10.0 TypeScript

   Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

   

   My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.

9. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

10. Microbundle

    8 20 8,096 2.2 JavaScript

    📦 Zero-configuration bundler for tiny modules.

    

    My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.

11. release-please

    9 58 5,359 8.4 TypeScript

    generate release PRs based on the conventionalcommits.org spec

    

    My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.

Suggest a related project