Repolode
Enviar
alibaba-fusion

alibaba-fusion/next

Biblioteca de componentes React de nível empresarial para sistemas web de back-office, que aproxima designers e desenvolvedores front-end por meio de temas compartilhados.

Ver no GitHubSite
Estrelas
4,682
Forks
597
Issues abertas
268
Último commit
há 5 dias

O que é?

@alifd/next é uma biblioteca de componentes React para criar interfaces empresariais de back-end. Ela reduz o atrito entre designers e desenvolvedores front-end: designers podem personalizar o visual dos componentes e publicá-lo como um pacote de tema npm, que os desenvolvedores usam sem precisar reescrever o código da interface. O objetivo é oferecer uma experiência consistente e acelerar o desenvolvimento.

A biblioteca requer React 16 ou posterior, com react e react-dom como peer dependencies. Os componentes de data e hora dependem de moment, que também é uma peer dependency. É possível instalá-la pelo npm, carregá-la como um script global via CDN e importá-la por completo ou componente a componente usando babel-plugin-import para reduzir o tamanho do bundle.

O projeto é escrito em TypeScript e funciona no Chrome, Firefox, Edge, Safari, Opera, UC e IE 9 ou posterior. A documentação aborda temas, internacionalização e implantação de fontes. É comum usá-lo em conjunto com a cadeia de ferramentas Fusion Design.

Recursos principais

  • 01Oferece um amplo conjunto de componentes de UI React para interfaces de back-end.
  • 02Dá suporte a pacotes de temas personalizados publicados como módulos npm.
  • 03Permite importar a biblioteca inteira ou componentes individuais com babel-plugin-import.
  • 04Inclui guias de internacionalização e implantação de fontes.
  • 05Pode ser carregada diretamente no navegador por meio de tags script e link.

Casos de uso

  • Criar painéis administrativos internos e sistemas empresariais de back-office.
  • Padronizar a UI em vários produtos que compartilham um sistema de design.
  • Permitir que designers publiquem pacotes de temas com a identidade visual da marca, usados pelos desenvolvedores sem retrabalho na UI.

Início rápido

  1. 1

    Instale o pacote pelo npm

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

    Importe a folha de estilos completa e os componentes no seu projeto

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

Antes de usar

  • É necessário usar React 16 ou posterior; versões anteriores ao React 16 não são compatíveis.
  • react, react-dom e moment devem ser instalados separadamente como dependências peer.

Tópicos

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

Perguntas frequentes

O que é next?
Biblioteca de componentes React de nível empresarial para sistemas web de back-office, que aproxima designers e desenvolvedores front-end por meio de temas compartilhados. @alifd/next é uma biblioteca de componentes React para criar interfaces empresariais de back-end. Ela reduz o atrito entre designers e desenvolvedores front-end: designers podem personalizar o visual dos componentes e publicá-lo como um pacote de tema npm, que os desenvolvedores usam sem precisar reescrever o código da interface. O objetivo é oferecer uma experiência consistente e acelerar o desenvolvimento.
next é gratuito? Qual é a licença?
next é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
next ainda é mantido?
Manutenção ativa. O último commit de next foi em 1 de nov. de 2026.
Para que posso usar next?
Criar painéis administrativos internos e sistemas empresariais de back-office. Padronizar a UI em vários produtos que compartilham um sistema de design. Permitir que designers publiquem pacotes de temas com a identidade visual da marca, usados pelos desenvolvedores sem retrabalho na UI.
Como instalar next?
Instale o pacote pelo npm: npm install @alifd/next --save Importe a folha de estilos completa e os componentes no seu projeto: import '@alifd/next/dist/next.css';
Onde consigo next?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/alibaba-fusion/next

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados