dance 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

スクリプトの説明

• build:uiの実行をstart ：UIパッケージコンポーネントライブラリ、 start:docsドキュメントサイトを順番に開始する
• start:docsコンポーネントライブラリをパッケージ化せず、ドキュメントサイトを直接起動します。これは、1回パッケージ化された状況に適しています。
• 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をマージしてから調整を行う）