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
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
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/Testing React Component

Testing React Component

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

1. Install the Testing Tools

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

2. Specify Vitest as Your Project’s Test Runner Tool

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

3. Create Your Code Files

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

4. Write Your Test Case

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

5. Develop Your React Component

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

6. Configure the Entry File

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

7. Install the Code Compiler

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

8. Configure Vite to Compile Your Code

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

9. Configure Vitest’s Testing Environment

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

10. Run the Test

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

Up next

Commit Message Configuration

In this chapter

Testing React Component
1. Install the Testing Tools
2. Specify Vitest as Your Project’s Test Runner Tool
3. Create Your Code Files
4. Write Your Test Case
5. Develop Your React Component
6. Configure the Entry File
7. Install the Code Compiler
8. Configure Vite to Compile Your Code
9. Configure Vitest’s Testing Environment
10. Run the Test