Repolode
Enviar
alibaba-fusion

alibaba-fusion/next

Biblioteca de componentes React de nivel empresarial para sistemas web internos, que alinea a diseñadores y desarrolladores front-end mediante temas compartidos.

Ver en GitHubSitio web
Estrellas
4,682
Forks
597
Issues abiertos
268
Último commit
hace 6 días

¿Qué es?

@alifd/next es una biblioteca de componentes React para crear interfaces empresariales de back-office. Busca reducir las fricciones entre diseñadores y desarrolladores front-end: los diseñadores pueden personalizar el aspecto de los componentes y publicarlo como un paquete de temas npm, que luego los desarrolladores pueden usar sin reescribir el código de la interfaz. El objetivo es ofrecer una experiencia de producto coherente y acelerar el desarrollo.

La biblioteca requiere React 16 o posterior, y react y react-dom como dependencias peer. Los componentes de fecha y hora dependen de moment, que también es una dependencia peer. Se puede instalar desde npm, cargar como script global desde un CDN e importar completa o por componente mediante babel-plugin-import para reducir el tamaño del bundle.

El proyecto está escrito en TypeScript y es compatible con Chrome, Firefox, Edge, Safari, Opera, UC e IE 9 o posterior. La documentación incluye guías sobre temas, internacionalización y distribución de fuentes. Se suele usar junto con la cadena de herramientas Fusion Design.

Funciones clave

  • 01Ofrece un amplio conjunto de componentes de interfaz React para interfaces de back-office.
  • 02Admite paquetes de temas personalizados publicados como módulos npm.
  • 03Permite importar la biblioteca completa o componentes individuales con babel-plugin-import.
  • 04Incluye guías de internacionalización y distribución de fuentes.
  • 05Se puede cargar directamente en el navegador mediante etiquetas script y link.

Casos de uso

  • Crear paneles de administración internos y sistemas empresariales de back-office.
  • Unificar la interfaz de varios productos que comparten un sistema de diseño.
  • Permitir que los diseñadores publiquen paquetes de temas de marca que los desarrolladores puedan usar sin rehacer la interfaz.

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm install @alifd/next --save
  2. 2

    Importa la hoja de estilos completa y los componentes en tu proyecto

    import '@alifd/next/dist/next.css';

Antes de usarlo

  • Se requiere React 16 o posterior; no se admiten versiones anteriores a React 16.
  • react, react-dom y moment deben instalarse por separado como dependencias peer.

Temas

#react#component-library#design-system#typescript#ui#theming#component#fusion#fusion-design#next

Preguntas frecuentes

¿Qué es next?
Biblioteca de componentes React de nivel empresarial para sistemas web internos, que alinea a diseñadores y desarrolladores front-end mediante temas compartidos. @alifd/next es una biblioteca de componentes React para crear interfaces empresariales de back-office. Busca reducir las fricciones entre diseñadores y desarrolladores front-end: los diseñadores pueden personalizar el aspecto de los componentes y publicarlo como un paquete de temas npm, que luego los desarrolladores pueden usar sin reescribir el código de la interfaz. El objetivo es ofrecer una experiencia de producto coherente y acelerar el desarrollo.
¿next es gratuito? ¿Qué licencia tiene?
next es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿next sigue mantenido?
Mantenimiento activo. El último commit de next fue el 1 nov 2026.
¿Para qué puedo usar next?
Crear paneles de administración internos y sistemas empresariales de back-office. Unificar la interfaz de varios productos que comparten un sistema de diseño. Permitir que los diseñadores publiquen paquetes de temas de marca que los desarrolladores puedan usar sin rehacer la interfaz.
¿Cómo se instala next?
Instala el paquete desde npm: npm install @alifd/next --save Importa la hoja de estilos completa y los componentes en tu proyecto: import '@alifd/next/dist/next.css';
¿Dónde consigo next?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/alibaba-fusion/next

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados