How I made my first successful open-source project

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    This project all came about in April 2021, when I started searching for a multi select component I could use with Chakra UI that didn’t completely diverge from it’s design system. I wanted a searchable dropdown that allowed me to select multiple states, or something along those lines. I quickly realized I was not alone in this search as I found many many issues on their GitHub repo requesting a component for this purpose.

  • chakra-react-select

    A Chakra UI themed wrapper for the popular library React Select

    For the first time since I started my career in web development, I can say I’ve made a successful piece of open-source software, because today my TypeScript package chakra-react-select just passed 1 million total downloads.

  • SurveyJS

    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-jsonschema-form

    A React component for building Web forms from JSON Schema.

    The most popular package it is being used in currently is react-jsonschema-form, which currently has 11,876 stars on GitHub

  • codesandbox-client

    An online IDE for rapid web development

    You don’t need to host an entire website for your documentation, especially if your project isn’t that big. The README on your GitHub repo can be plenty, and sometimes its easier to find what you’re looking for with a good old ctrl/cmd + f. However, including complete functional examples certainly helps. In the case of React components, I recommend linking to CodeSandbox examples so people can see different use cases in action and tinker with the implementation themselves.

  • pro-component-issues

    Discontinued Bug fixes and feature request tracking for Chakra UI Pro.

    This project all came about in April 2021, when I started searching for a multi select component I could use with Chakra UI that didn’t completely diverge from it’s design system. I wanted a searchable dropdown that allowed me to select multiple states, or something along those lines. I quickly realized I was not alone in this search as I found many many issues on their GitHub repo requesting a component for this purpose.

  • Rollup

    Next-generation ES module bundler

    After a week (and some prompting), I decided to give it another shot. Once I changed the build tool I was using from microbundle to rollup (and published another 10 versions), I had a working package I was satisfied with. I shared it on a few of the relevant issues on the Chakra UI repo but quickly realized that the next step would be converting the whole thing to TypeScript.

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