next

## What it is @alifd/next is an enterprise-class UI component library for web, built on React and published by Alibaba Fusion. The project describes itself as aimed at solving designer–front-end developer collaboration, product experience consistency, and development efficiency for backend systems. It is meant to be used together with Fusion Design: designers customize component UI on the Fusion Design collaboration platform and can publish an npm theme package, which developers then consume directly so they do not have to redo UI refactoring. The README states this reduces repeated reduction-degree reviews with designers and improves development efficiency. ## Installation - npm (recommended): `npm install @alifd/next --save` - Browser: import `next.js`/`next.min.js` and `next.css`/`next.min.css` from the `@alifd/next/dist` directory of the npm package, or from unpkg, then use the global `Next` variable. The README recommends pinning a specific version rather than always pulling the latest. ## Dependencies and requirements - Built on React 16; it does not support versions below React 16. - `react`/`react-dom` are peer dependencies, so the user installs or imports them. - `moment` is used for date/time components and is also a peer dependency. ## Importing components - Import everything: include `@alifd/next/dist/next.css` (or `index.scss`) and import named components such as `Button` and `Input` from `@alifd/next`. - Import a single module manually, e.g. `import Button from '@alifd/next/lib/button'` together with `'@alifd/next/lib/button/style'`. - Recommended: use `babel-plugin-import` with `libraryName: '@alifd/next'` and `style: true`, which rewrites named imports into per-module imports and styles automatically. ## Advanced topics covered in the docs The repository links to documentation for using a theme package, internationalization, and font file deployment. ## Browser compatibility The README lists Chrome, Firefox, Edge, Safari, Opera and UC as supported, and Internet Explorer 9 and above as supported. ## Contributing and community Contributions are welcome (PRs badge), with a contributing guide provided; the project can be opened in Gitpod or cloned locally. There is a DingTalk group for community contact. The project is licensed under MIT.