@99mini/atomic-mini-component v0.2.0-alpha.1

프로젝트 소개

설치 및 사용

설치

npmjs 공식 사이트 @99mini/atomic-mini-component 를 방문하거나 터미널의 명령어를 실행합니다.

$ npm i @99mini/atomic-mini-component

or

$ yarn add @99mini/atomic-mini-component

사용

// import from root directory
import { Button } from "@99mini/atomic-mini-component";

// import from package (atom, molecular, core, ...)
import { Textarea } from "@99mini/atomic-mini-component/atom";
import { Ripple } from "@99mini/atomic-mini-component/core";

/**
 * to be update
 * import from sub package
 */
// import Textarea from "@99mini/atomic-mini-component/atom/Textarea";

개발

install dependency

$ npm install

or

$ yarn install

로컬

$ npm run storybook

directory dependency

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

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

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

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

generate boilerplate

$ scripts/_generate_boilerplate.sh <core | atom | molecular> <Filename>

배포

$ npm login
$ yarn publish --access public

참고 블로그

1. Rollup.js를 이용한 React 컴포넌트 라이브러리