Kdan UI

The Setup

• React v18
• TypeScript
• StyledComponent for css styling
• UI development with Storybook
• Unit test with Testing-library
• Build the library with Rollup
• Automated release with changesets

Development

• Build the library:

  yarn build

• Run storybook:

  yarn storybook

• Create changeset:

  yarn changeset

Release & Publish package

Developing and preview on Preparing

1. yarn build
2. login to your npm account
3. update the version number in package.json (example of the conversion version name is {previousStableVersion}-beta-{num} e.g.1.0.7-beta-1)
4. npm publish

Release a stable version of package (by pipeline)

follow the pipeline flow which trigger by merging to master brach