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

• react-daisyui

  10 846 8.0 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!! 🤯

• daisyui

  248 30,923 9.8 Svelte

  🌼 🌼 🌼 🌼 🌼  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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-bootstrap

  105 22,216 8.0 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?

• Material UI

  290 91,755 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?

• antd

  210 90,297 10.0 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?

• vite

  794 64,913 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.

• storybook

  323 82,947 10.0 TypeScript

  Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  

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.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Microbundle

  18 7,954 4.1 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.

• release-please

  47 4,227 8.5 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