dance ui

Tanz-ui

? Eine einfache und elegante Komponentenbibliothek.

React -Komponentenbibliothek, die unter Verwendung von PNPM+VITE+TS+Tailwind entwickelt wurde, von Monorepo organisiert, und Dokumentstellen werden unter Verwendung von Docusaurus erstellt

Online -Adresse der Dokumentseite: https://dance.cosine.ren/

GitHub-Adresse: https://github.com/dancing-team/dance-ui

NPM-Paket: https://www.npmjs.com/package/@dance-ui/ui

Aktualisieren Sie Protokoll: Change_log

? Fangen Sie schnell an

pnpm i @dance-ui/ui

Einführung von Komponenten: Komponente volle Ansicht

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

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

? Lokale Entwicklung

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

Skriptbeschreibung

• start Ausführung von build:ui -Paketkomponentenbibliothek, start:docs , um die Dokumentseite nacheinander zu starten
• start:docs verpackt die Komponentenbibliothek nicht und starten Sie die Dokumentseite direkt, die für Situationen geeignet ist, in denen sie einmal verpackt wurde.
• start:demo -Paket in der Komponentenbibliothek und startet das Demo -Projekt
• build die Komponentenbibliothek und verpacken Sie die Dokumentseite
• build:ui -Paketkomponentenbibliothek separat
• build:ui-watch separat verpackt die Komponentenbibliothek und überwacht sich in Echtzeit. In Verbindung mit Start: Demo können Sie Komponentenveränderungseffekte in Echtzeit überwachen.
• serve:docs Site
• change der Ausführung Verwendet Änderungen, die zur Änderung der Versionsversion addieren
• new Skript zum Erstellen einer neuen Komponente
• lint führt die Überprüfung der Eslint -Code in der Komponentenbibliothek durch

Neue Komponentenentwicklung

• Fork dieses Lagerhaus
• CD Root Directory, pnpm new , um eine neue Komponente zu erstellen, den chinesischen Namen und den englischen Namen der Komponente eingeben
• Gehen Sie nach dem Erstellen in packages/components/src um die Komponenten zu finden, die Sie für die Entwicklung erstellt haben. Das entsprechende Dokument befindet sich in packagesexampledocscomponents
• Nach Abschluss der Komponentenentwicklung kann pnpm change das Aktualisierungsprotokoll aufzeichnen, und dieser Schritt kann auch durchgeführt werden (Merge PR und dann Anpassungen vornehmen)