프로젝트 소개

React, Typescript, Jest, Storybook을 이용한 프론트엔드 UI 라이브러리 + 유틸 라이브러리입니다.

설치 및 사용

npm

1. @99mini/utils
2. @99mini/core
3. @99mini/atom
4. @99mini/molecular
5. @99mini/yni-ui
6. @99mini/calendar

개발

개발 환경

• node v18
• ubuntu v20
• yarn

install dependency

$ yarn install

스토리북

$ yarn storybook

테스트

1. jest

$ yarn test
$ yarn test --ci --watch
$ yarn test --ci --coverage

2. storybook

$ yarn storybook
$ yarn test-storybook --watch
$ yarn test-storybook --coverage

directory dependency

graph LR
    classDef toBeUpdated fill:#EBEBE445, color: #C6C6C6

    atom[📁atom] ----> molecular[📁molecular]

    core[📁core] ----> atom & molecular & organism

    utils[📁utils] ----> atom & core

    atom & molecular & core ----> yni-ui[📁yni-ui]

    atom & molecular ----> organism[📁organism - to be update]:::toBeUpdated

    utils & atom & molecular & core ----> calendar[📁calendar]

Loading

generate component boilerplate

gcb is an abbreviation for generate component boilerplate

• first arg: package-name (ex. core). Use lowercase
• second arg: FileName (ex. ClickOutsideLinstener). Use PascalCase

$ scripts/gcb.sh <package-name> <FileName>

Example

$ scripts/gcb.sh core ClickOutsideLinstener

배포

packages/<package-name>$ yarn ci
packages/<package-name>$ yarn deploy:only

or

packages/<package-name>$ yarn deploy