Angular Schulungen & Inhouse-Seminare

In Angular kann jedes UI-Element auf dem Bildschirm eine Komponente sein. Im gegebenen Beispiel sind die Komponenten die Abschnitte einer eCommerce-App: Die Anwendung selbst ist eine übergeordnete Komponente, die eine Menüliste und einen Warenkorb beherbergt. Dementsprechend hat die Menüliste ihre untergeordneten Komponenten, und jeder Menüpunkt beherbergt auch eine Komponente zur Beschreibung des Artikels. Das ist es, was man Komponentenhierarchie nennt.

Während AngularJS hauptsächlich um die Model-View-Controller (MVC)-Architektur herum gebaut wurde, gilt Angular ab Version 2 als komponentenbasiert, was MVC sehr ähnlich ist, aber eine höhere Wiederverwendbarkeit von Komponenten in der gesamten App gewährleistet. Dies ermöglicht es, UIs mit vielen beweglichen Teilen zu bauen und gleichzeitig den Entwicklungsablauf für Ingenieure zu rationalisieren. Was sind die Hauptvorteile einer solchen Architektur?

• Wiederverwendbarkeit. Komponenten ähnlicher Natur sind gut gekapselt, mit anderen Worten, sie sind autark. Entwickler können sie in verschiedenen Teilen einer Anwendung wiederverwenden. Dies ist besonders nützlich in Unternehmensanwendungen, in denen verschiedene Systeme zusammenlaufen, aber viele ähnliche Elemente wie Suchfelder, Datumspicker, Sortierlisten usw. enthalten können.
  
  
• Lesbarkeit. Kapselung sorgt auch dafür, dass neue Entwickler - die gerade erst in ein Projekt eingestiegen sind - den Code besser lesen können und eventuell schneller ihr Produktivitätsplateau erreichen.
  
  
• Unit-Test-freundlich. Die unabhängige Natur der Komponenten vereinfacht Unit-Tests, Qualitätssicherungsverfahren, die darauf abzielen, die Leistung der kleinsten Teile der Anwendung, der Units, zu überprüfen.
  
  
• Wartungsfreundlichkeit. Komponenten, die leicht voneinander entkoppelt sind, können leicht durch bessere Implementierungen ersetzt werden. Grundsätzlich ist Ihr Entwicklungsteam effizienter bei der Wartung und Aktualisierung des Codes im Rahmen des iterativen Entwicklungsworkflows.
  
  

Angular ist wortreich und komplex

Die häufigste Beschwerde, die man aus der Angular-Entwicklergemeinde hört, ist die Weitschweifigkeit des Instruments. Dieses Problem hat sich seit AngularJS nicht geändert.

Obwohl wir die komponentenbasierte Architektur als den größten Vorteil von Angular erwähnt haben, ist die Art und Weise, wie Komponenten verwaltet werden, zu kompliziert. Zum Beispiel benötigen Sie in Angular bis zu fünf Dateien für eine einzige Komponente, müssen Abhängigkeiten injizieren und die Schnittstellen für den Lebenszyklus der Komponente deklarieren. Weitere Problempunkte sind Angular-spezifische 3rd-Party-Bibliotheken und seine Syntax. Folglich wird ein Großteil der Entwicklungszeit in Angular damit verbracht, sich wiederholende Dinge zu tun.

Steile Lernkurve

Wenn Sie neue Entwickler, die mit JavaScript vertraut sind, an Bord holen, um das neue Angular zu erlernen und zu verwenden, werden sie im Vergleich zu einem ähnlichen Onboarding mit React oder Vue herausgefordert sein. Die Bandbreite an Themen und Aspekten, die abgedeckt werden müssen, ist groß: Module, Dependency Injection, die wir bereits erwähnt haben, Komponenten, Services, Templates, etc.

Eine weitere Hürde ist RxJS, eine reaktive Programmierbibliothek für asynchrone Programmierung. Sie zu lernen, zumindest auf der Grundstufe, ist für die Verwendung von Angular zwingend erforderlich. Ingenieure beschweren sich über Fehlermeldungen, die zu kryptisch sind, um sie ohne zusätzliche Recherche und anschließende Trial-and-Error-Manipulationen zu verstehen.

TypeScript ist, wie wir bereits im Abschnitt über die Vorteile erwähnt haben, auch ein Zankapfel. Während TypeScript die Wartbarkeit von Code verbessert, macht es die Kurve nicht sanfter, wenn man es lernen muss.