next

## Qu'est-ce que c'est @alifd/next est une bibliothèque de composants UI de classe entreprise pour le web, basée sur React et publiée par Alibaba Fusion. Le projet se présente comme une solution pour optimiser la collaboration entre designers et développeurs front-end, garantir la cohérence de l'expérience produit et accroître l'efficacité du développement pour les systèmes back-end. Elle est conçue pour être utilisée conjointement avec Fusion Design : les designers personnalisent l'UI des composants sur la plateforme de collaboration Fusion Design et peuvent publier un package de thème npm, que les développeurs consomment ensuite directement afin d'éviter de refaire le refactoring de l'UI. Le README précise que cela réduit les cycles de révision avec les designers et améliore l'efficacité du développement. ## Installation - npm (recommandé) : `npm install @alifd/next --save` - Navigateur : importez `next.js`/`next.min.js` et `next.css`/`next.min.css` depuis le répertoire `@alifd/next/dist` du package npm, ou via unpkg, puis utilisez la variable globale `Next`. Le README recommande de fixer une version spécifique plutôt que de toujours récupérer la dernière version. ## Dépendances et exigences - Basé sur React 16 ; il ne supporte pas les versions antérieures à React 16. - `react`/`react-dom` sont des dépendances paires (peer dependencies), l'utilisateur doit donc les installer ou les importer. - `moment` est utilisé pour les composants de date/heure et est également une dépendance paire. ## Importation des composants - Tout importer : inclure `@alifd/next/dist/next.css` (ou `index.scss`) et importer des composants nommés tels que `Button` et `Input` depuis `@alifd/next`. - Importer un module unique manuellement, par exemple `import Button from '@alifd/next/lib/button'` accompagné de `'@alifd/next/lib/button/style'`. - Recommandé : utiliser `babel-plugin-import` avec `libraryName: '@alifd/next'` et `style: true`, ce qui réécrit automatiquement les imports nommés en imports par module et styles. ## Sujets avancés couverts dans la documentation Le dépôt renvoie vers la documentation concernant l'utilisation d'un package de thème, l'internationalisation et le déploiement des fichiers de police. ## Compatibilité navigateur Le README liste Chrome, Firefox, Edge, Safari, Opera et UC comme supportés, ainsi qu'Internet Explorer 9 et versions supérieures. ## Contribution et communauté Les contributions sont bienvenues (badge PR), avec un guide de contribution fourni ; le projet peut être ouvert dans Gitpod ou cloné localement. Un groupe DingTalk est disponible pour le contact communautaire. Le projet est sous licence MIT.