7 Angular-Frontend-Komponentenbibliotheken, die 2021 einen Versuch wert sind, kommen Sie und holen Sie sie sich!

Angular ist 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!

1. Material Design für Angular

Das erste, was wir empfehlen, ist natürlich die offizielle Material-Komponentenbibliothek Material 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:

891.480Materialdesign für Angular veröffentlichte bereits im März 2016 die erste Alpha-Version basierend auf Angular 2.

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

Framework/Bibliothek

Star count

Vue

182kBoot Riemen Angular

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

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:

• NGX Bootstrap unterstützt Bootstrap 3 und 4
• NG Bootstrap unterstützt Bootstrap 4 und erfordert Angular5+

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.

3. NG Zorro

Die dritte zu empfehlende Angular-Komponentenbibliothek ist die NG Zorro-Komponentenbibliothek, die auf dem Ant 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 offiziell Open Source und veröffentlichte seine erste Version: 0.5.0-rc.0 Nach 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

4. Nebular

Nebular ist eine anpassbare Angular-UI-Bibliothek, die auf der Designspezifikation Eva Design basiert 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

5. PrimeNG

Das nächste, das ich Ihnen empfehle, ist PrimeNG, 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

6. Clarity

Clarity ist ebenfalls eine Angular-Komponentenbibliothek mit einem eigenen Designsystem, das auf der Designsprache Clarity Design basiert, die den gleichen Namen wie die von Teambition hat Clarity 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

7. DevUI

Das Letzte, was ich empfehlen möchte, ist eine neue inländische Angular-Komponentenbibliothek namens DevUI, die auf der Designsprache DevUI Design basiert.

DevUI ist eine Open-Source-Frontend-Lösung für Mid- und Back-End-Unternehmensprodukte. Sie befürwortet die Designwerte immersion, flexibility und Vereinfachung Wir 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 的工具类产品

DevUI wird aus dem Huawei Cloud DevCloud R&D-Tool-System entwickelt und eignet sich am besten für ToB-Tool-Produkte, da solche Produkte keine coolen Stile verfolgen, sondern sich mehr darum kümmern, ob das Tool stabil und effizient zu verwenden ist und Benutzer wirklich bedienen kann Vergessen Sie Werkzeuge und erreichen Sie einen Flow-Zustand, während Sie sie verwenden. Da DevCloud ein F&E-Toolprodukt mit umfangreichen Szenarien ist, bietet DevUI, das darin integriert ist, viele spezielle Komponenten, die andere UI-Komponentenbibliotheken nicht haben, wie z. B. Gantt-Diagramm、Quadrantendiagramm , Elf NavigationDevUI wird seit Anfang 2017 in vielen DevCloud-Unternehmen eingesetzt. Nach vielen Jahren hat DevUI dem Test einer großen Anzahl von DevCloud-Online-Benutzern standgehalten und sich zu einer stabilen, effizienten und reibungslosen Angular-Komponentenbibliothek entwickelt. Wenn Sie ToBs Tool-Produkte entwickeln, ist DevUI eine sehr gute Wahl! WertStern

und das neue Kategoriesuche	etc .
	Indikator

638

🎜Gabel🎜🎜106🎜🎜🎜 🎜 🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜

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!