How to Build and Publish Your First React NPM Package

• Microbundle

  18 8,070 2.7 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.

• CodeRabbit

  coderabbit.ai featured

  CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

  

• storybook

  342 84,841 10.0 TypeScript

  Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

  

  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.

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

  1 246 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

  165 35,770 8.4 TypeScript

  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,354 198 4.2 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

  73 17,924 9.8 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.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• babel-sublime

  150 3,257 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