How to Build and Publish Your First React NPM Package

• Microbundle

  3 7,833 5.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

  82 81,025 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.

• Appwrite

  appwrite.io

  sponsored

  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.

  

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

  1 243 0.0 TypeScript

  Transform async/await to somewhat idiomatic JavaScript promise chains

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

• CapitalizeFirstLetterofaString

  1 0 10.0

  { "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

  20 35,059 9.1 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

  761 89 0.0 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

  7 17,134 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

  Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  

• babel-sublime

  30 3,263 0.0 JavaScript

  Syntax definitions for ES6 JavaScript with React JSX extensions.

  

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

Suggest a related project