demio-ui-kit

Demio UI Kit

Demio resources and components that are shared across Demio applications

Publish to NPM

yarn publishing

Components

For a list of the components and a general overview of each, check out the Components & Resources README (src/README.md)

Testing & Development

Testing & development should never be done via publishing to npm. There are two main ways to go about it.

• Run Storybook and create a story file (see the stories folder) for the component, and then test and develop locally.

• Before publishing, it's always helpful to test the changes in the repo you'll be adding the new demio-ui-kit version to. There are many ways to test this, but one of the best is yalc.

Start Storybook

yarn storybook

Test changes in another repo via yalc

Inside demio-ui-kit, run this:

yarn build
yalc publish

yarn build is only required if you have something like styles that need to be built via webpack

to show bundle analyzer report

yarn build --showBundleAnalyzer

Inside the external repo, run this:

yalc add demio-ui-kit

Boom! Now your local demio-ui-kit

To push demio-ui-kit changes to the external repo without needing to add the kit there again, run this in demio-ui-kit:

yalc push

Note that you'll need to do yarn build inside the demio-ui-kit again if you updated things that need to be rebuilt via webpack.

To remove the local demio-ui-kit from the external repo, run this in the repo:

yalc remove demio-ui-kit

Important: Do not push the yalc changes to the external repo.

Publish Public Storybook Docs

yarn publish:docs