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/Styling React Components

Styling React Components

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

1. Create the Stylesheet

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

2. Apply CSS Styles to Your Elements

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

3. Run the Test

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

Up next

Defining Package’s Entry Point

In this chapter

Styling React Components
1. Create the Stylesheet
2. Apply CSS Styles to Your Elements
3. Run the Test