Do you want to build your own npm reusable react component library. I built this one very quickly. It is a simple component library including of a Card, Button, Form, Table and more components to come. Some key features are the Form component allows you to define form fields as content childeren and the Table component supports sorting, filtering and pagination.
$ npm i hey-react-components
Want to create your own. Follow these steps
Step 1: Set Up Your Project
1. Initialize your project:
mkdir my-component-library
cd my-component-library
npm init -y
2. Install necessary dependencies:
npm install react react-dom
npm install --save-dev typescript @types/react @types/react-dom rollup @rollup/plugin-node-resolve @rollup/plugin-commonjs rollup-plugin-typescript2
3. Set up TypeScript configuration:
Create a tsconfig.json file:
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
"declaration": true,
"declarationDir": "./dist/types",
"outDir": "./dist",
"jsx": "react",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true
},
"include": ["src"]
}
Step 2: Create Your Components
1. Create the folder structure:
