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

This page summarizes the projects mentioned and recommended in the original post on /r/learnprogramming

Our great sponsors
  • Appwrite - The open-source backend cloud platform
  • Onboard AI - Learn any GitHub repo in 59 seconds
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • react-daisyui

    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

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

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • react-bootstrap

    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

    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

    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

    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

    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.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

  • Microbundle

    📦 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

    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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts