0.0.3 โข Published 12 months ago
@mo0on/react-library-template v0.0.3
React Library Template
This is library template with ReactJS v18, storybook v7, Typescript, SCSS, Rollup.js.
Guide
๐งฉ Make Your Library Project with this template
Click Use this template
button to create new repository using this template
Then clone that repository locally
git clone "[github url using this template]"
โ๏ธ Set Library Info
You can change library information in package.json
{
"name": "[library name]",
"author": {
"name": "[your name]",
"email": "[your email]"
},
"version": "[library version]",
}
โ๏ธ Install Packages
Install related packages.
yarn
๐ Customize Your Library
- working directory :
./src
- export your components, functions, etc. from
./src/index.ts
๐งช Test Your Library
You can test your UI components with Storybook
yarn storybook
๐จ Build
Build your library with Rollup.js.
yarn build
- Your library build file will generate on
./dist
๐ Publish Your Library to NPM
npm login
yarn publish --access public
- Login with your npm account * to create a new account ๐ https://www.npmjs.com/
- Publish your library When publishing for the first time, the access property must be set to public. The next publication should always be a higher version than the previous publication.