/storybook-ts-rollup

storybook-ts rollup npm 배포 [Button, ButtonGroup, Dialog, Icon(SVG)]

Primary LanguageTypeScript

storybook-ui

ReactJs ReactDOM Typescript

디자인 시스템

Usage

npm i -D @react-uikit-uyjoongkim

Development

npm run storybook
  • storybook을 활용하여 실제 브라우저에서 UI렌더링 테스트를 한다.
  • typescript & emotion를 활용한다.
  • 버전관리는 semantic versioning을 따르며, CHANGELOG에 간략히 정리한다.
  • Github actions 를 이용하여 저장소 push 발생시 새 스토리 북을 발행한다. github actions.

Directory Structure

.
├── dist/         # 배포되는 디렉토리 ( git ignored )
├── src/          # 소스 디렉토리
|   ├── Button/   # 버튼
|   └── ButtonGroup/    # 버튼그룹
|   └── Dialog/    # 다이얼로그 팝업
|   └── Icon/    # 아이콘 모음
└── ...