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
- 1. Create a Commitlint GitHub Action Workflow File
- 2. Define the Commitlint GitHub Action Workflow
- 3. Test the Commitlint GitHub Action Workflow
Styling React Components
- 1. Create the Stylesheet
- 2. Apply CSS Styles to Your Component
- 3. Load CSS Files into Jest’s JSDOM
- 4. Run the Test
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
- 1. Search Engine Optimization (SEO)
- 2. Specify the Files You Want to Publish to NPM
- 3. Confirm the Files NPM Will Publish
- 4. Confirm That Your Package Have Passing Tests
- 5. Compile Any Pending Code
- 6. Stage and Commit Any Recent Changes
- 7. Push Your Local Git Directory to the Remote Repo
- 8. Sign In or Sign Up on the NPM Website
- 9. Log In to NPM via the Terminal
- 10. Confirm If Your Package’s Name Is Available
- 11. Publish Your Package!
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/Compiling React to JavaScript

Compiling React to JavaScript

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

How to Compile Both ECMAScript and CommonJS Modules

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

Up next

Distinguishing Source and Distribution Code

In this chapter

Compiling React to JavaScript
How to Compile Both ECMAScript and CommonJS Modules