Angularist ein Front-End-Framework, das mehrere Plattformen von Web, mobilem Web, mobilen Anwendungen, nativen Anwendungen und nativen Desktop-Anwendungen umfassen kann. Nach jahrzehntelanger Entwicklung hat es ein riesiges Ökosystem basierend auf Angular gebildet außerdem zahlreiche Komponentenbibliotheken.
Wenn Sie das Angular-Framework im Jahr 2021 ausprobieren möchten, sind die folgenden Angular-Komponentenbibliotheken möglicherweise eine gute Wahl!
Das erste, was wir empfehlen, ist natürlich die offizielleMaterial-KomponentenbibliothekMaterial Design.
Basierend auf diesem Designsystem stellen sowohl der Beamte als auch die Community verschiedene Komponentenbibliotheken bereit, darunter Web (Angular/React/Vue) und Mobilgeräte (Android/iOS/Flutter).
Unter ihnen ist die Angular-Version der Material-Komponentenbibliothek jetzt die offizielle Komponentenbibliothek von Angular und hat daher ein besonders großes Publikum, sowohl bei der Anzahl der Stars/Forks auf Github als auch bei den wöchentlichen Downloads in NPM . [Verwandte Empfehlungen: „angular Tutorial“]
Das Folgende sind die Daten vom 19. April 2021:
| Indikator | Wert |
|---|---|
| Stern | 21,4k |
| FORK | 5,7KmNPM Download |
Material Design für Angular ist jedoch nicht die früheste Angular-Komponentenbibliothek, die wir später vorstellen werden. Sie wurde früher geboren, aber Material ist zweifellos die beliebteste und beliebteste. 2. NG/NGX Bootstrap erste Web-Apps.Wie beliebt ist es? Wir werden es wissen, indem wir uns einfach einen Datensatz ansehen.2.0.0-alpha.0，中间演进了一年多，迟迟没有发布2.0的正式版本，直到第二年12月才发布基于Angular 5的5.0.0
Star count
Aus den oben genannten Daten können wir ersehen, dass Bootstrap sogar mehr Sterne hat als das Angular-Framework. Dies zeigt die Beliebtheit von Bootstrap. Daher ist es nicht schwer, sich vorzustellen, dass die auf Bootstrap basierende Angular-Komponentenbibliothek ebenfalls sehr beliebt ist.
Es gibt zwei Hauptkomponentenbibliotheken von Angular, die auf Bootstrap basieren:
NG Bootstrap und NGX Bootstrap sind zwei verschiedene Projekte von zwei verschiedenen Projektteams. Es ist möglich, Bootstrap zu verwenden ohne jQuery in Angular. Der Hauptunterschied besteht in der Bootstrap-Version, die sie unterstützen:
Den wöchentlichen Downloads von Github Star/Fork und NPM nach zu urteilen, sind sie auch ziemlich Ja, NG Bootstrap scheint leicht die Oberhand zu haben:
| React | 167k |
|---|---|
| 149k | |
| 72,5k |
| metrics | NG Bootstrap | NGX Bootstrap |
|---|---|---|
| Star | 7,7k | 5,3k |
| Gabel | 1,4k | 1,7k |
| NPM wöchentliche Downloads | 386.485 | 235.662 |
Nach der Veröffentlichungszeit der Version zu urteilen, ist NGX Bootstrap früher:
| Indikatoren | NG Bootstrap | NGX Bootstrap |
|---|---|---|
| Erste Release-Version | 1.0.0-alpha.0 Juli 2016 | 1.0.1-beta.2 Januar 2016 |
| Erste offizielle Version | 1.0.0 Januar 2018 | 1.0.4 Februar 2016 |
Wie aus den obigen Daten ersichtlich ist, ist NGX Bootstrap früher als NG Bootstrap, unabhängig davon, ob es sich um die erste veröffentlichte Version oder die erste offizielle Version handelt. Insbesondere die Veröffentlichungszeit der ersten offiziellen Version NGX Bootstrap ist ganze zwei Jahre früher als NG Bootstrap.
Wir können also grob verstehen, dass NGX Bootstrap eine frühere Bibliothek ist und Angular 2+ und Bootstrap 3+ unterstützen kann, während NG Bootstrap relativ neu ist und für seine Verwendung Angular 5+ und Bootstrap 4+ erfordert.
Wenn es sich bei Ihrem Projekt um ein neues Projekt mit Angular 5+ und Bootstrap 4+ handelt, wird die Verwendung von NG Bootstrap empfohlen, ansonsten NGX Bootstrap.
Die dritte zu empfehlende Angular-Komponentenbibliothek ist dieNG Zorro-Komponentenbibliothek, die auf demAnt Design-Designsystem basiert.
Ant Design ist eine Designsprache von Ant Financial. Nach Jahren der Iteration und Anhäufung sind seine UI-Designideen zu einer Reihe von De-facto-Standards geworden. Sie sind auch bei vielen Front-End-Entwicklern gefragt und beliebt die beste Wahl für die React-Entwicklung. Eine magische Waffe in den Händen des Kriegers.
Als Angular-Implementierung von Ant Design erbt NG Zorro nicht nur die einzigartigen Ideen und die ultimative Erfahrung von Ant Design, sondern kombiniert auch die Vorteile und Funktionen des Angular-Frameworks. Der Stil der Komponente wird mit der neuesten Version von Ant Design synchronisiert und die Schnittstelle der Komponente wird ebenfalls mit der React-Version von Ant Design konsistent gehalten.
Zorro ist die beliebteste Angular-Komponentenbibliothek in China, ich glaube, niemand wird etwas dagegen haben.
Im August 2017 war Zorro offiziellOpen Sourceund veröffentlichte seine erste Version:0.5.0-rc.0Nach einem Jahr der Entwicklung wurde im Juni des folgenden Jahres Version 1.0 veröffentlicht.
Nach Zhihu zu urteilen, ist Zorros Community-Reaktion sehr gut: https://www.zhihu.com/question/63992236
Das Folgende sind die Daten vom 19. April 2021:
| Indikator | Wert |
|---|---|
| Star | 7,4k |
| Fork | 2,6k |
| Wöchentliche NPM-Downloads | 35.941 |
Nebularist eine anpassbare Angular-UI-Bibliothek, die auf der DesignspezifikationEva Designbasiert und mehr als 40 UI-Komponenten, 4 visuelle Themen, Authentifizierungs- und Sicherheitsmodule enthält.
Nebular enthält nicht viele Komponenten, nur über 40, aber viele praktische Tools wie Themenpakete, Anmeldeauthentifizierung, Rollenauthentifizierungsverwaltung, Admin-System usw.
Wenn Sie dieses Bedürfnis haben, können Sie es trotzdem versuchen.
Der Veröffentlichungszeitpunkt von Nebular liegt sehr nahe an dem von Zorro. Die erste Version wurde im August 2017 veröffentlicht und die erste offizielle Version erschien im darauffolgenden Jahr. Den wöchentlichen Downloads von Github Star/Fork und NPM nach zu urteilen, ist Nebular jedoch der Veröffentlichungszeitpunkt ist etwas kleiner. Kleiner:
| Indikator | Wert |
|---|---|
| Stern | 7k |
| Gabel | 2,6k |
| NPM Wöchentliche Downloads | 17.037 |
Das nächste, das ich Ihnen empfehle, istPrimeNG, eine alte Angular-Komponentenbibliothek Veröffentlichungszeit ist länger als Das offizielle Material ist noch früh.
PrimeNG verfügt über sehr umfangreiche Komponenten mit insgesamt über 90 Komponenten. Es ist möglicherweise die umfassendste Angular-Komponentenbibliothek, die derzeit auf dem Markt ist.
Das Folgende sind die Daten von PrimeNG:
| Indicator | Value |
|---|---|
| Star | 6.7k |
| Fork | 3. 3k |
| NPM wöchentliche Downloads | 260.712 |
Clarityist ebenfalls eine Angular-Komponentenbibliothek mit einem eigenen Designsystem, das auf der DesignspracheClarity Designbasiert, die den gleichen Namen wie die von Teambition hatClarity Design, aber es ist nicht möglich, verschiedene Produkte von verschiedenen Unternehmen zu verwechseln.
| Indikator | Wert |
|---|---|
| Stern | 6,2k |
| Gabel | 701 |
| NPM Wöchentliche Downloads | 18.014 |
Das Letzte, was ich empfehlen möchte, ist eine neue inländische Angular-Komponentenbibliothek namensDevUI, die auf der DesignspracheDevUI Designbasiert.
DevUI ist eine Open-Source-Frontend-Lösung für Mid- und Back-End-Unternehmensprodukte. Sie befürwortet die Designwerteimmersion,flexibilityundVereinfachungWir ermutigen Designer, echte Bedürfnisse und Design für die Mehrheit der Menschen zu erfüllen, und lehnen Designs ab, die aufsehenerregend und auffällig sind.沉浸、灵活、至简的设计价值观，提倡设计者为真实的需求服务，为多数人的设计，拒绝哗众取宠、取悦眼球的设计。
DevUI 是从华为云 DevCloud 研发工具体系孵化出来的，最适合做 ToB 的工具类产品，因为这类产品不追求酷炫的样式，而更在意工具是否稳定、使用起来是否高效，是否能真正让用户忘记工具，在使用工具的过程中达到心流状态。
由于 DevCloud 是研发工具类的产品，场景丰富，这使得孵化于其中的 DevUI 形成了自己独特的优势，DevUI 提供了很多其他 UI 组件库没有的特色组件，比如甘特图、象限图，以及新出的分类搜索、精灵导航等。
DevUI 在 2017年初的时候就已经在 DevCloud 众多业务中使用，经过这许多年，DevUI 已经经受了 DevCloud 大量线上用户的考验，成为稳定、高效、体验流畅的 Angular 组件库。
如果你正在开发ToB的工具类产品
ToB
Tool-Produkte
| und das neueKategoriesuche | ,etc . |
|---|---|
| Indikator | Wert|
| Stern |
Das obige ist der detaillierte Inhalt von7 Angular-Frontend-Komponentenbibliotheken, die 2021 einen Versuch wert sind, kommen Sie und holen Sie sie sich!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
