Angular est un framework frontal qui peut couvrir plusieurs plates-formes Web, Web mobile, applications mobiles, applications natives et applications natives de bureau après des décennies de développement. Avec le développement, un énorme écosystème s'est formé et il existe d'innombrables bibliothèques de composants basées sur Angular.
Si vous souhaitez essayer le framework Angular en 2021, les bibliothèques de composants Angular suivantes peuvent être un bon choix !
La première chose à recommander est, bien sûr, la bibliothèque de composants officielle Material d'Angular. , Material Design est un système de conception de Google.
Sur la base de ce système de conception, l'officiel et la communauté fournissent diverses bibliothèques de composants, y compris le côté Web (Angular/React/Vue ), il existe également des versions mobiles (Android/iOS/Flutter).
Parmi eux, la version Angular de la bibliothèque de composants Material est désormais la bibliothèque de composants officielle désignée par Angular, elle a donc une très large audience Qu'il s'agisse du nombre d'Étoiles/Forks sur Github ou des téléchargements hebdomadaires. sur NPM, il est TOP 1 des. [Recommandations associées : "tutoriel angulaire"]
Voici les données du 19 avril 2021 :
| Valeur | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| Étoile |
td> |
||||||||
| Fork | 5,7k | ||||||||
| Téléchargement hebdomadaire NPM | 891 480 |
2.0.0-alpha.0Material Design for Angular5.0.0Dès mars 2016, la première version Alpha basée sur Angular 2 est sortie : Elle a évolué pendant plus d'un an et n'a pas encore sorti la 2.0. la version officielle n'est sortie qu'en décembre de l'année suivante basée sur Angular 5 .
2. NG/NGX Bootstrap
est une boîte à outils open source lancée par Twitter pour le développement front-end, et il est également un framework HTML/CSS/JS très populaire pour développer des applications Web réactives et axées sur les mobiles.
| 框架/库 | Star数 |
|---|---|
| Vue | 182k |
| React | 167k |
| Bootstrap | 149k |
| Angular | 72.5k |
Comme le montrent les données ci-dessus, Bootstrap a même plus d'étoiles que le framework Angular. Cela montre la popularité de Bootstrap. Par conséquent, il n'est pas difficile d'imaginer que la bibliothèque de composants Angular basée sur Bootstrap est également très populaire.
Il existe deux bibliothèques principales de composants angulaires basées sur Bootstrap :
NG Bootstrap et NGX Bootstrap sont deux projets différents issus de deux équipes de projet différentes. Ils peuvent tous deux être utilisés dans Angular en utilisant uniquement Bootstrap sans jQuery. La principale différence réside dans la version Bootstrap qu'ils prennent en charge :
Jugement d'après les téléchargements hebdomadaires de Github Star/Fork et NPM, ils sont également comparables, et NG Bootstrap semble avoir un léger avantage :
| Indicator | NG Bootstrap | NGX Bootstrap | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Star |
7,7k
|
5,3k | ||||||||||||
| Fork | 1,4k | 1,7k | ||||||||||||
| Téléchargement hebdomadaire NPM | 386 485 |
235 662
|
À en juger par la version publiée temps, NGX Bootstrap est antérieur :
Comme le montrent les données ci-dessus, qu'il s'agisse de la première version ou de la première version officielle, NGX Bootstrap est antérieur à NG Bootstrap, en particulier la première version officielle version L'heure de sortie de NGX Bootstrap est de deux années complètes plus tôt que celle de NG Bootstrap. Nous pouvons donc à peu près comprendre que NGX Bootstrap est une bibliothèque antérieure et peut prendre en charge Angular 2+ et Bootstrap 3+, tandis que NG Bootstrap est relativement nouveau et nécessite Angular 5+ et Bootstrap 4+ pour l'utiliser. Si votre projet est un nouveau projet utilisant Angular 5+ et Bootstrap 4+, il est recommandé d'utiliser NG Bootstrap, sinon d'utiliser NGX Bootstrap.
La troisième bibliothèque de composants angulaires à recommander est basée sur le système de conception Ant Design
Bibliothèque de composants NG Zorro
. Ant Design est un langage de conception d'Ant Financial. Après des années d'itération et d'accumulation, ses idées de conception d'interface utilisateur sont devenues un ensemble de normes de facto et sont recherchées et appréciées par de nombreux développeurs front-end et entreprises. , est aussi une arme magique entre les mains des développeurs React. En tant qu'implémentation angulaire d'Ant Design, NG Zorro hérite non seulement des idées uniques et de l'expérience ultime d'Ant Design, mais combine également les avantages et les fonctionnalités du framework Angular. Le style du composant est synchronisé avec la dernière version d'Ant Design, et l'interface du composant reste également cohérente avec la version React d'Ant Design.Je pense que personne ne s'opposerait à ce que Zorro soit la bibliothèque de composants angulaires la plus populaire en Chine. 0.5.0-rc.0En août 2017, Zorro officiellement
et sort la première version :
Après un an d'évolution, la version 1.0 est sortie en juin de l'année suivante. De la part de Zhihu, la réponse de la communauté de Zorro est très bonne : https://www.zhihu.com/question/63992236| 指标 | 数值 |
|---|---|
| Star | 7.4k |
| Fork | 2.6k |
| NPM周下载 | 35,941 |
Nebular est une bibliothèque d'interface utilisateur angulaire personnalisable, basée sur la spécification de conception Eva Design, comprenant Plus de 40 composants d'interface utilisateur, 4 thèmes visuels, modules d'authentification et de sécurité.
Nebular ne contient pas beaucoup de composants, seulement 40+, mais il contient de nombreux outils pratiques, tels que des packages thématiques, l'authentification de connexion, la gestion de l'authentification des rôles, le système d'administration, etc.
Si vous avez ce besoin, vous pouvez toujours l'essayer.
L'heure de sortie de Nebular est très proche de celle de Zorro. La première version est sortie en août 2017, et la première version officielle est sortie l'année suivante, à en juger par les téléchargements hebdomadaires de Github Star/. Fork et NPM Look, Nebular est légèrement inférieur :
| Indicateur | Valeur | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Étoile |
7k
|
||||||||
| Fork | 2,6k | ||||||||
| Téléchargement hebdomadaire NPM | 17 037 |
| 指标 | 数值 |
|---|---|
| Star | 6.7k |
| Fork | 3.3k |
| NPM周下载 | 260,712 |
| Indicateur | Valeur |
|---|---|
| Étoile | 6,7k |
| Fork | 3,3k |
| Téléchargements hebdomadaires NPM td> | 260 712 |
6. Clarity
Clarity est également une bibliothèque de composants angulaires avec son propre système de conception, basé sur Clarity Design porte le même nom que le Clarity Design
de Teambition, mais ce sont des produits différents de différentes entreprises, alors ne les confondez pas.| 指标 | 数值 |
|---|---|
| Star | 6.2k |
| Fork | 701 |
| NPM周下载 | 18,014 |
| Indicateur | Valeur |
|---|---|
| Étoile | 6,2k |
| Fourchette | 701 |
| Téléchargement hebdomadaire NPM | 18 014 |
La dernière chose que je souhaite recommander est une bibliothèque de composants angulaires nationale émergente appelée DevUI, basée sur DevUI. Conception Langage de conception.
DevUI est une solution frontale open source pour les produits mid-end et back-end d'entreprise. Elle prône les valeurs de conception de 沉浸, 灵活 et 至简 et encourage les concepteurs à le faire. répondre aux besoins réels et servir la majorité des gens. Le design rejette les designs sensationnels et accrocheurs.
DevUI est incubé à partir du système d'outils R&D Huawei Cloud DevCloud. Il est le plus approprié pour les produits d'outils ToB, car ces produits ne recherchent pas des styles sympas, mais se soucient davantage de la stabilité et de l'efficacité des outils. si cela peut vraiment faire oublier les outils aux utilisateurs et atteindre un état de flux lors de l'utilisation des outils.
Étant donné que DevCloud est un outil de R&D avec des scénarios riches, DevUI qui y est incubé présente ses propres avantages uniques. DevUI fournit de nombreux composants spéciaux que les autres bibliothèques de composants d'interface utilisateur n'ont pas, tels que Images Gan Special<.>, Images Quadrant, ainsi que la nouvelle Recherche par catégorie, Navigation Elf, etc.
DevUI est utilisé dans de nombreuses entreprises DevCloud depuis début 2017. Après de nombreuses années, DevUI a résisté au test d'un grand nombre d'utilisateurs en ligne de DevCloud et est devenue une bibliothèque de composants angulaires stable, efficace et fluide. Si vous développez pour ToB, DevUI sera un excellent choix ! 工具类产品
| Indicateur | Valeur | ||||||
|---|---|---|---|---|---|---|---|
| Étoile | 638
|
||||||
| Fourchette | 106 |
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Comment restaurer le navigateur IE pour accéder automatiquement à EDGE
Solution à l'échec de la connexion entre wsus et le serveur Microsoft
Introduction aux outils de développement logiciel
Comment exécuter du code avec vscode
Solution au problème selon lequel le logiciel de téléchargement Win10 ne peut pas être installé
apropriétéutilisation
Résumé des connaissances de base de Java
Méthode de contrôle du moteur pas à pas
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
