How I made my first successful open-source project

• chakra-ui

  345 36,708 9.0 MDX

  ⚡️ 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

  1 755 7.3 TypeScript

  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

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

  30 13,730 9.0 TypeScript

  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

  366 12,908 9.5 JavaScript

  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

  1 62 10.0

  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

  70 24,859 9.5 JavaScript

  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.

Suggest a related project