Creating NPM Package with Vanilla JavaScript

CodeSweetly

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

Table of Contents

Creating NPM Package with Vanilla JavaScript

Introduction
Project Configuration
Testing JavaScript Code
Commit Message Configuration
Setting Up Commitlint GitHub Action
Styling React Components
Defining Package’s Entry Point
Local Testing of Unpublished Package
- Link-Install Your Package Globally in Your System
- Creating a Directory for the Demo Website
- Creating a package.json File
- Initializing a Git Repository
- Specifying the Files Git Should Ignore
- Installing Your Package from Your System’s Global Folder to the Test App
- Using the Link-Installed Package in the Test App
- Creating the Demo Website’s Homepage
- Installing the Parcel Build Tool
- Specifying Parcel as Your Website’s Development Server
- Unlinking Your Package from the Test App
- Unlinking Your Package from the Global Folder
Creating README
Creating LICENSE
Publishing Package to NPM
Local Testing of the Published Package
Production Testing of the Published Package
- 1. Staging and Committing Your Changes
- 2. Setting Up a GitHub Remote Repository for Your Demo Test App
- 3. Uploading Your Local Git Directory to the Remote Repo
- 4. Signing In or Creating an Account on the Vercel Website
- 5. Deploying Your Project to Vercel’s Server
- 6. Testing the Package on the Live Demo Website
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 JavaScript Codebase
Epilogue
- What’s Next?
- One Last Favor

Creating NPM Package with Vanilla JavaScript/Setting Up Commitlint GitHub Action

Setting Up Commitlint GitHub Action

https://leanpub.com/creating-npm-package-with-vanilla-javascript

1. Create a Commitlint GitHub Action Workflow File

https://leanpub.com/creating-npm-package-with-vanilla-javascript

2. Define the Commitlint GitHub Action Workflow

https://leanpub.com/creating-npm-package-with-vanilla-javascript

3. Test the Commitlint GitHub Action Workflow

https://leanpub.com/creating-npm-package-with-vanilla-javascript

Up next

Styling React Components

In this chapter

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