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 a Library’s Elements
Defining Package’s Entry Point
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 JavaScript Codebase
Epilogue
- What’s Next?
- One Last Favor

Creating NPM Package with Vanilla JavaScript/Modularizing JavaScript Codebase

Modularizing JavaScript Codebase

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

1. Identify Independent Elements

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

2. Split the Elements You Want to Extract into Their Separate Modules

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

`generateStarIcons.js`

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

`showError.js`

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

3. Import the Extracted Elements into the `tweetButton.js` File

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

4. Configure Jest to Strip the Extension from Import Statements

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

5. List the New Modules as Files You Want to Publish on NPM

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

6. Release the Latest Version of the Project

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

Previous

Automating GitHub Releases

Up next

Epilogue

In this chapter

Modularizing JavaScript Codebase
1. Identify Independent Elements
2. Split the Elements You Want to Extract into Their Separate Modules
3. Import the Extracted Elements into the tweetButton.js File
4. Configure Jest to Strip the Extension from Import Statements
5. List the New Modules as Files You Want to Publish on NPM
6. Release the Latest Version of the Project