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
Compiling React to JavaScript
- How to Compile Both ECMAScript and CommonJS Modules
Distinguishing Source and Distribution Code
Specify Items to Compile
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/Local Testing of Unpublished Package

Local Testing of Unpublished Package

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

1. Link-Install Your Package Globally in Your System

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

2. Create a NextJS Demo Website for Testing Your Package

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

3. Install Your Package from Your System’s Global Folder to the Test-App

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

4. Configure Turbopack to Resolve Symlinks

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

5. Use the Link-Installed Package in Your Test-App

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

6. Unlink Your Package from the Test-App

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

7. Unlink Your Package from the Global Folder

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

Up next

Creating README

In this chapter

Local Testing of Unpublished Package
1. Link-Install Your Package Globally in Your System
2. Create a NextJS Demo Website for Testing Your Package
3. Install Your Package from Your System’s Global Folder to the Test-App
4. Configure Turbopack to Resolve Symlinks
5. Use the Link-Installed Package in Your Test-App
6. Unlink Your Package from the Test-App
7. Unlink Your Package from the Global Folder