Creating NPM Package with ReactJS

CodeSweetly

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

Table of Contents

Creating NPM Package with ReactJS

Introduction
Project Configuration
Testing React Component
Commit Message Configuration
- Conventional Commits Message Syntax
- Enforcing the Conventional Commits Format
- Setting Up Husky
- Creating a Hook to Auto-Lint Commit Messages
Setting Up Commitlint GitHub Action
Styling React Components
Compiling React to JavaScript
Distinguishing Source Code from Distribution Code
Defining Package’s Runtime Entry Points
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
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 ReactJS/Styling React Components

Styling React Components

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

1. Create the Stylesheet

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

2. Apply CSS Styles to Your Component

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

3. Add the Stylesheet to the Entry File

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

4. Run the Test

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

Up next

Compiling React to JavaScript

In this chapter

Styling React Components
1. Create the Stylesheet
2. Apply CSS Styles to Your Component
3. Add the Stylesheet to the Entry File
4. Run the Test