The Making of A React Component Librabry

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

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.
surveyjs.io
featured
InfluxDB - 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.
www.influxdata.com
featured
  • tsup

    The simplest and fastest way to bundle your TypeScript libraries.

  • To bundle your component you will have to use a bundler. There are a lot of options out there but here we will be using tsup because tsup doesn't require a configuration for our use case.

  • turborepo

    Discontinued Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]

  • Turborepo - in case you wish to create a monorepo, you can also use lerna instead of turborepo.

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

    SurveyJS logo
  • storybook

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

  • Storybook Documentation

  • semver

    Semantic Versioning Specification

  • Now that all is done, it's time to show what you have built to the world (or not if it's for personal use). Before publishing, go to your package.json and you will find a few things, choose a name for your library and add an appropriate version (you can use semantic versioning if you don't know how to), a description of what it does, and a few keywords to make your library discoverable.

  • lerna

    :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

  • Turborepo - in case you wish to create a monorepo, you can also use lerna instead of turborepo.

  • InfluxDB

    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.

    InfluxDB logo
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

  • What is the easiest way to use shared code with multiple Vue3 projects?

    2 projects | /r/vuejs | 8 Oct 2022
  • Lerna used to walk, now it can fly!

    4 projects | dev.to | 25 May 2022
  • Turborepo Mejorando La Experiencia De Desarrollo En Monorepos

    3 projects | dev.to | 31 Mar 2022
  • Turbocharge your monorepo with Lerna and Github Actions

    2 projects | dev.to | 30 Mar 2022
  • Criando um monorepo de Web Components

    3 projects | dev.to | 22 Nov 2021