dance ui

dance-ui

? Una biblioteca de componentes simple y elegante.

Biblioteca de componentes React desarrollado con PNPM+VITE+TS+Tailwind, organizado por Monorepo, y los sitios de documentos se construyen usando Docusaurus

Dirección en línea del sitio del documento: https://dance.cosine.ren/

Dirección de Github: https://github.com/dancing-team/dance-ui

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

Registro de actualización: Change_log

? Empezar rápidamente

pnpm i @dance-ui/ui

Introducción de componentes: Vista completa del componente

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

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

? Desarrollo local

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

Descripción del script

• start ejecución de la biblioteca de componentes del paquete build:ui , start:docs para iniciar el sitio del documento a su vez
• start:docs no empaqueta la biblioteca de componentes e inicia directamente el sitio del documento, que es adecuado para situaciones en las que se ha empaquetado una vez.
• start:demo empaqueta la biblioteca de componentes e inicia el proyecto de demostración
• build la biblioteca de componentes y empaqueta el sitio del documento
• build:ui por separado
• build:ui-watch por separado Empaca la biblioteca de componentes y monitorea los cambios y actualizaciones en tiempo real. Junto con Start: Demo, puede monitorear los efectos de modificación de los componentes en tiempo real.
• serve:docs
• change la ejecución utiliza los cambios de la modificación de la versión de registro
• new script para crear un nuevo componente
• lint realiza el código de eslint, verificación en la biblioteca de componentes

Nuevo desarrollo de componentes

• Bifurca este almacén
• Directorio de raíz de CD, pnpm new para crear un nuevo componente, ingrese el nombre chino y el nombre en inglés del componente
• Después de crear, vaya al directorio packages/components/src para encontrar los componentes que creó para el desarrollo. El documento correspondiente se encuentra en packagesexampledocscomponents
• Después de completar el desarrollo del componente, pnpm change puede registrar el registro de actualizaciones, y este paso también se puede hacer (fusionar PR y luego hacer ajustes)