TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

Your React + Typescript Component Library

This is a boilerplate for creating a React + Typescript component library for upload to NPM, with Rollup configurations set.

Getting Started

To begin using this component library, follow these steps:

1. Fork the Repository: Start by forking this repository to your own GitHub account.

2. Clone the Repository: Clone the forked repository to your local machine using the following command:

git clone [your repository]

3. Make the repository yours: Open the cloned repository on your machine, head to the package.json file and change the "name", "version", and "description" to your desired values. Delete the "repository" field. Delete the /dist folder if you do not need it.

4. Install Dependencies: Navigate to the cloned repository's folder and install the required dependencies:

cd [your cloned repository]

npm install

5. Component Structure: Your components should be placed in the src/components folder. Export each component from its respective file (it will be easier if you stick with named exports).

6. Leave src/globals.d.ts unchanged

7. Export Components: In the src/index.ts file, export each component again. Again, I highly suggest you do named exports to prevent multiple default exports. Refer to the existing src/index.ts file for guidance.

8. Build the dist folder: Run this command to compile your /dist folder

npm run build-lib

9. Login to NPM via terminal if you are not logged in

npm login

10. Publish to NPM: Publish to NPM

npm publish


Contributions are welcome! If you'd like to contribute to the project, feel free to fork the repository and submit a pull request.


This project is licensed under the MIT License.


  • React

  • Typescript

  • Component

  • Library

  • Rollup

  • Boilerplate

Package Sidebar


npm i react-library-boilerplate-for-npm

Weekly Downloads






Unpacked Size

11.2 kB

Total Files


Last publish


  • junwunpm