Stack

Storybook UI lib in Netlify

• pnpm (workspace - monorepo)
• React 18
• Typescript
• Vite
• Vitest
• Storybook
• MSW
• Cypress
• @toptal/picasso (ui lib)
• tailwind

https://github.com/vitest-dev/vitest/blob/main/examples/react-storybook/

Conventional commits

Install dependencies first time:

pnpm config set auto-install-peers true

pnpm i

Build ui-lib:

pnpm build:ui

Start application:

pnpm start:app

Run tests in ui-lib:

pnpm test:ui

Run storybook in ui-lib:

pnpm sb:ui

Create app with vite:

pnpm create vite

Some util commands (ommit Nx):

pnpm add ui-lib --filter vite-react --workspace

pnpm run --parallel -r build (run on all repos)

pnpm add nx -D -w

npx nx build shared-ui