How to Build and Publish Your First React NPM Package

• Microbundle

  18 7,947 4.1 JavaScript

  📦 Zero-configuration bundler for tiny modules.

To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.

• storybook

  321 82,810 10.0 TypeScript

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

  

To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• babel-plugin-transform-async-to-promises

  1 245 0.0 TypeScript

  Transform async/await to somewhat idiomatic JavaScript promise chains

ESnext & async/await support through Babel and async-promises

• CapitalizeFirstLetterofaString

  1 0 2.2

{ "name": "capitalizefirstletterofastringpkg", "version": "1.0.0", "type": "module", "source": "src/index.js", "main": "dist/index.js", "module": "dist/index.module.js", "unpkg": "dist/index.umd.js", "scripts": { "build": "microbundle", "dev": "microbundle watch" }, "devDependencies": { "microbundle": "^0.15.1" }, "repository": { "type": "git", "url": "git+https://github.com/femakin01/CapitalizeFirstLetterofaString.git" } }

• lerna

  162 35,352 8.9 TypeScript

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

  

To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.

• Puts Debuggerer

  3,151 91 5.5 Ruby

  Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

{ "name": "capitalizefirstletterofastringpkg", "version": "1.0.0", "type": "module", "source": "src/index.js", "main": "dist/index.js", "module": "dist/index.module.js", "unpkg": "dist/index.umd.js", "scripts": { "build": "microbundle", "dev": "microbundle watch" }, "devDependencies": { "microbundle": "^0.15.1" }, "repository": { "type": "git", "url": "git+https://github.com/femakin01/CapitalizeFirstLetterofaString.git" } }

• Bit

  69 17,569 9.9 TypeScript

  A build system for development of composable software.

  

To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.

• InfluxDB

  www.influxdata.com sponsored

  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.

  

• babel-sublime

  145 3,256 1.5 JavaScript

  Syntax definitions for ES6 JavaScript with React JSX extensions.

  

ESnext & async/await support through Babel and async-promises

Suggest a related project