7 bibliothèques de composants frontaux angulaires à essayer en 2021, venez les collectionner !

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 !

1. Material Design for Angular

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 :

Indicateur

Valeur

Étoile

指标	数值
Star	21.4k
Fork	5.7k
NPM周下载	891,480

21,4k

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

.

Cependant, Material Design for Angular n'est pas la première bibliothèque de composants Angular, que nous présenterons plus tard, est née plus tôt qu'elle, mais Material est sans aucun doute la plus populaire et la plus populaire.

2. NG/NGX Bootstrap

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

Quelle est sa popularité ? Nous le saurons simplement en examinant un ensemble de données.

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
• NGX 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 :

• NGX Bootstrap prend en charge Bootstrap 3 et 4
• NG Bootstrap prend en charge Bootstrap 4 et nécessite Angular5+

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

指标	NG Bootstrap	NGX Bootstrap
Star	7.7k	5.3k
Fork	1.4k	1.7k
NPM周下载	386,485	235,662

5,3k

Fork

1,4k

1,7k

Téléchargement hebdomadaire NPM

386 485

235 662

指标	NG Bootstrap	NGX Bootstrap
首次发布版本	1.0.0-alpha.0 2016年7月	1.0.1-beta.2 2016年1月
第一个正式版本	1.0.0 2018年1月	1.0.4 2016年2月

À 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.

3. NG Zorro

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

open source

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

Voici les données du 19 avril 2021 : Indicateur Valeur Étoile 7,4k td> Fork 2,6k Téléchargement hebdomadaire NPM 35 941 table>

4. Nebular

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 :

table>5. PrimeNG

Le prochain qui vous est recommandé est PrimeNG

, qui est également une bibliothèque de composants angulaires étrangers. Il s'agit d'une ancienne marque. La bibliothèque de composants Angular a publié sa première version en février 2016, qui était antérieure au matériau officiel.

PrimeNG possède des composants très riches, avec un total de plus de 90 composants. Il s'agit peut-être de la bibliothèque de composants angulaires la plus complète actuellement sur le marché.

Voici les données de PrimeNG :

Indicateur

Valeur

Étoile

7k

指标	数值
Star	7k
Fork	2.6k
NPM周下载	17,037

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

7. DevUI

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

指标	数值
Star	638
Fork	106

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!