dance ui

댄스 UI

? 간단하고 우아한 구성 요소 라이브러리.

PNPM+Vite+TS+Tailwind를 사용하여 개발 된 React 구성 요소 라이브러리, Monorepo로 구성되었으며 Docusaurus를 사용하여 문서 사이트가 구축됩니다.

문서 사이트 온라인 주소 : https://dance.cosine.ren/

github 주소 : https://github.com/dancing-team/dance-ui

NPM 패키지 : https://www.npmjs.com/package/@dance-ui/ui

로그 업데이트 : Change_Log

? 빨리 시작하십시오

pnpm i @dance-ui/ui

구성 요소 소개 : 구성 요소 전체보기

 import { Button } from '@dance-ui/ui'

export default ( ) => {
  return < Button type = "primary" > Primary </ Button >
}

? 지역 개발

 # install decencies
pnpm i
# build ui & start docs
pnpm start

스크립트 설명

• start build:ui 패키지 구성 요소 라이브러리, start:docs
• start:docs 구성 요소 라이브러리를 패키지하지 않고 문서 사이트를 직접 시작하는데, 이는 한 번 포장 된 상황에 적합합니다.
• start:demo 구성 요소 라이브러리를 패키지하고 데모 프로젝트를 시작합니다.
• 구성 요소 라이브러리를 build 하고 문서 사이트를 패키지하십시오
• build:ui 패키지 구성 요소 라이브러리 별도
• build:ui-watch 구성 요소 라이브러리를 별도로 포장하고 변경 및 업데이트를 실시간으로 모니터링합니다. START : DEMO와 함께 구성 요소 수정 효과를 실시간으로 모니터링 할 수 있습니다.
• serve:docs 미리보기 문서 사이트
• change 실행은 레코드 버전 수정에 변경 사항을 사용합니다
• 새 구성 요소를 만들기위한 new 스크립트
• lint 컴포넌트 라이브러리에서 eslint 코드 검사를 수행합니다

새로운 구성 요소 개발

• 이 창고를 포크하십시오
• CD 루트 디렉토리, 새 구성 요소를 만들기 위해 pnpm new , 구성 요소의 중국 이름과 영어 이름을 입력하십시오.
• 생성 후 packages/components/src 디렉토리로 이동하여 개발을 위해 만든 구성 요소를 찾으십시오. 해당 문서는 packagesexampledocscomponents 에 있습니다
• 구성 요소 개발이 완료되면 pnpm change 업데이트 로그를 기록 할 수 있으며이 단계도 수행 할 수 있습니다 (PR을 병합 한 다음 조정).