Create a Storybook that use hot reload feature and lightweight bundle from Vite, with TailwindCSS as the main styling system for the project.
- Build a design pattern based on TailwindCSS
- Component Oriented Programming project
- Quickly copy/paste components via Storybook, developers only need to focus on App logic
- Vite 3
- React 18.2
- TypeScript 4.6.4
- TailwindCSS 3.1.7
- Storybook 6.5.10
- Storybook Builder Vite 0.2.2
- ESLint + Prettier Latest
To run project in dev mode
npm run dev
#OR
yarn run devTo view Storybook for components
npm storybook
#OR
yarn storybookTo quickly format changed files
npm pretty-quick
#OR
yarn pretty-quickSpecial thanks to Storybook and Storybook builder vite dev team for the instructions.