Sobre el proyecto
## Qué es
@alifd/next es una biblioteca de componentes de UI de clase empresarial para web, construida sobre React y publicada por Alibaba Fusion. El proyecto se describe a sí mismo con el objetivo de resolver la colaboración entre diseñadores y desarrolladores front-end, la consistencia de la experiencia del producto y la eficiencia del desarrollo para sistemas de backend.
Está diseñado para utilizarse junto con Fusion Design: los diseñadores personalizan la UI de los componentes en la plataforma de colaboración de Fusion Design y pueden publicar un paquete de temas de npm, que los desarrolladores consumen directamente para evitar tener que rehacer la refactorización de la UI. El README indica que esto reduce las revisiones repetitivas de grado de reducción con los diseñadores y mejora la eficiencia del desarrollo.
## Instalación
- npm (recomendado): `npm install @alifd/next --save`
- Navegador: importar `next.js`/`next.min.js` y `next.css`/`next.min.css` desde el directorio `@alifd/next/dist` del paquete npm, o desde unpkg, y luego usar la variable global `Next`. El README recomienda fijar una versión específica en lugar de obtener siempre la última.
## Dependencias y requisitos
- Construido sobre React 16; no es compatible con versiones anteriores a React 16.
- `react`/`react-dom` son dependencias pares (peer dependencies), por lo que el usuario debe instalarlas o importarlas.
- `moment` se utiliza para los componentes de fecha/hora y también es una dependencia par.
## Importación de componentes
- Importar todo: incluir `@alifd/next/dist/next.css` (o `index.scss`) e importar componentes nombrados como `Button` e `Input` desde `@alifd/next`.
- Importar un solo módulo manualmente, por ejemplo: `import Button from '@alifd/next/lib/button'` junto con `'@alifd/next/lib/button/style'`.
- Recomendado: usar `babel-plugin-import` con `libraryName: '@alifd/next'` y `style: true`, lo que reescribe las importaciones nombradas en importaciones por módulo y estilos automáticamente.
## Temas avanzados cubiertos en la documentación
El repositorio enlaza a la documentación para el uso de un paquete de temas, internacionalización y despliegue de archivos de fuentes.
## Compatibilidad del navegador
El README enumera Chrome, Firefox, Edge, Safari, Opera y UC como compatibles, así como Internet Explorer 9 y versiones superiores.
## Contribución y comunidad
Se aceptan contribuciones (insignia de PRs), con una guía de contribución proporcionada; el proyecto puede abrirse en Gitpod o clonarse localmente. Existe un grupo de DingTalk para el contacto con la comunidad. El proyecto tiene licencia MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.