Sobre o projeto
## O que é
@alifd/next é uma biblioteca de componentes de UI de classe empresarial para web, construída em React e publicada pelo Alibaba Fusion. O projeto descreve-se como tendo o objetivo de resolver a colaboração entre designers e desenvolvedores front-end, a consistência da experiência do produto e a eficiência de desenvolvimento para sistemas de backend.
Ela foi projetada para ser usada em conjunto com o Fusion Design: os designers customizam a UI dos componentes na plataforma de colaboração Fusion Design e podem publicar um pacote de tema npm, que os desenvolvedores consomem diretamente para evitar a refatoração da UI. O README afirma que isso reduz revisões repetitivas com designers e melhora a eficiência do desenvolvimento.
## Instalação
- npm (recomendado): `npm install @alifd/next --save`
- Navegador: importe `next.js`/`next.min.js` e `next.css`/`next.min.css` do diretório `@alifd/next/dist` do pacote npm, ou do unpkg, e então use a variável global `Next`. O README recomenda fixar uma versão específica em vez de sempre baixar a mais recente.
## Dependências e requisitos
- Construído sobre React 16; não suporta versões anteriores ao React 16.
- `react`/`react-dom` são peer dependencies, portanto, o usuário deve instalá-los ou importá-los.
- `moment` é usado para componentes de data/hora e também é uma peer dependency.
## Importação de componentes
- Importar tudo: inclua `@alifd/next/dist/next.css` (ou `index.scss`) e importe componentes nomeados, como `Button` e `Input`, de `@alifd/next`.
- Importar um único módulo manualmente, ex: `import Button from '@alifd/next/lib/button'` juntamente com `'@alifd/next/lib/button/style'`.
- Recomendado: use `babel-plugin-import` com `libraryName: '@alifd/next'` e `style: true`, que reescreve importações nomeadas em importações por módulo e estilos automaticamente.
## Tópicos avançados cobertos na documentação
O repositório contém links para a documentação sobre o uso de pacotes de temas, internacionalização e implantação de arquivos de fonte.
## Compatibilidade de navegador
O README lista Chrome, Firefox, Edge, Safari, Opera e UC como suportados, além do Internet Explorer 9 e versões superiores.
## Contribuição e comunidade
Contribuições são bem-vindas (badge de PRs), com um guia de contribuição fornecido; o projeto pode ser aberto no Gitpod ou clonado localmente. Existe um grupo no DingTalk para contato com a comunidade. O projeto está licenciado sob a licença MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.