Creating NPM Package with React TypeScript

CodeSweetly

This is a sample of the book's content.Buy on Leanpub

Table of Contents

Creating NPM Package with React TypeScript

Introduction
Project Configuration
Testing React Component
Commit Message Configuration
Setting Up Commitlint GitHub Action
Styling React Components
Distinguishing Between Source Code and Distribution Code
Specify Items to Compile
Compiling React to JavaScript
- How to Compile Both ECMAScript and CommonJS Modules
- How to Add the Project’s Stylesheets to the dist Directory
Defining Package’s Entry Point
Specifying Package’s Declaration File
Local Testing of Unpublished Package
Creating README
Creating LICENSE
Publishing Package to NPM
Local Testing of the Published Package
Production Testing of the Published Package
Updating Package’s Versions
Automating Version Management
NPM Trusted Publishing Configuration
- Add a New Feature
- Update an Existing Feature
Automating GitHub Releases
- Add the Preset Library to Your Release Workflow
- Configure semantic-release to Automatically Publish the Package’s Release Notes
Modularizing TypeScript Codebase
Epilogue
- What’s Next?
- One Last Favor

Creating NPM Package with React TypeScript/Commit Message Configuration

Commit Message Configuration

https://leanpub.com/creating-npm-package-with-react-typescript

Conventional Commits Message Syntax

https://leanpub.com/creating-npm-package-with-react-typescript

Enforcing the Conventional Commits Format

https://leanpub.com/creating-npm-package-with-react-typescript

Setting Up Husky

https://leanpub.com/creating-npm-package-with-react-typescript

Creating a Hook to Auto-Lint Commit Messages

https://leanpub.com/creating-npm-package-with-react-typescript

Previous

Testing React Component

Up next

Setting Up Commitlint GitHub Action

In this chapter

Commit Message Configuration
Conventional Commits Message Syntax
Enforcing the Conventional Commits Format
Setting Up Husky
Creating a Hook to Auto-Lint Commit Messages