Subscription beenden?

03/08/19 • 8 min

Happy Angular - Kompaktes Angular Wissen zum Mitnehmen

Die häufigsten Fragen in Angular

Die fünft häufigste Frage in Angular lautet: Wie und wann beende ich eine Subscription in Angular? In dieser Folge beantworte ich dir diese Frage und gegeben dir Praxis erprobte Strategien an die Hand.

Woher kommt diese Frage zunächst? Um Werte aus einem RxJS Observables darstellen, muss dieses abonniert werden. Das kannst du mit Hilfe der Methode subscribe oder der Async-Pipe machen.

Jedoch wird die Subscription nicht automatisch beendet, wenn die Komponente zerstört wird. Dadurch werden Callbacks ausgeführt, die nicht mehr notwendig sind. In größeren Anwendungen oder der extensive Einsatz von RxJS kann diese Verschwendung von Ressourcen zu Performance führen. Dafür gibt es jedoch eine Lösung: Die Subscription muss beendet werden, beim Zerstören der Komponente.

Wann beende ich eine Subscription in Angular? Beim Zerstören der Komponente. Genauer gesagt beim Lifecycle Hook ngOnDestroy.

Wie beende ich eine Subscription in Angular? Dafür gibt es unterschiedliche Möglichkeiten.

Aufzählungs-TextSubscription merken und beenden
TakeUntil (empfohlen!)

TS Lint Regel: https://blog.angularindepth.com/rxjs-avoiding-takeuntil-leaks-fb5182d047ef

Du möchtest großartige Angular Anwendungen schreiben? Kennst du die fünf kritischen Elemente, die notwendig sind für eine erfolgreiche Softwareentwicklung mit Angular? Der Angular Coding Blueprint liefert dir nicht nur alle Details zu den fünf Elementen wie Programmieren und Tests, sondern auch den Prozess erfolgreicher Softwareentwicklung. Du kannst dir den Angular Coding Blueprint hier herunterladen: http://bit.ly/angular-blueprint

Abonniere den Podcast auf iTunes 🎧: http://apple.co/2OlOKQI

Ich freue mich, wenn du dir ein paar Minuten Zeit nimmst und diesen Podcast auf iTunes bewertest.

Programmcode gibt es per E-Mail ✉️: Schicke einfach eine E-Mail an [email protected]

Webseite: http://bit.ly/happy-angular

Xing: http://bit.ly/sd-xing

Facebook: http://bit.ly/angular-facebook

Die häufigsten Fragen in Angular

Woher kommt diese Frage zunächst? Um Werte aus einem RxJS Observables darstellen, muss dieses abonniert werden. Das kannst du mit Hilfe der Methode subscribe oder der Async-Pipe machen.

Wann beende ich eine Subscription in Angular? Beim Zerstören der Komponente. Genauer gesagt beim Lifecycle Hook ngOnDestroy.

Wie beende ich eine Subscription in Angular? Dafür gibt es unterschiedliche Möglichkeiten.

Aufzählungs-TextSubscription merken und beenden
TakeUntil (empfohlen!)

TS Lint Regel: https://blog.angularindepth.com/rxjs-avoiding-takeuntil-leaks-fb5182d047ef

Abonniere den Podcast auf iTunes 🎧: http://apple.co/2OlOKQI

Ich freue mich, wenn du dir ein paar Minuten Zeit nimmst und diesen Podcast auf iTunes bewertest.

Programmcode gibt es per E-Mail ✉️: Schicke einfach eine E-Mail an [email protected]

Webseite: http://bit.ly/happy-angular

Xing: http://bit.ly/sd-xing

Facebook: http://bit.ly/angular-facebook

Vorherige Episode

CSS-Library vs. Komponenten Bibliothek

Bootstrap, Flexbox Grid, Material Design & Co.

Was sind die Unterschiede? Welche Vor- und Nachteile hat eine CSS- Library gegenüber einer Komponenten Bibliothek? In dieser Episode bekommst du einen klaren Pfad, wie du die Entscheidung für bzw. gegen eine Bibliothek triffst.

Angular hilft unsere Anwendung zu bauen und die Kontrolle über dem DOM-Baum zu behalten. Das Standardaussehen der HTML ist jedoch nicht mehr zeitgemäß und ein Styling muss her. Ein moderner Look kann dir sowohl eine CSS-Library als auch eine Komponenten Bibliothek bieten. CSS bietet dir jedoch kein Verhalten in einer Komponente – wie beispielsweise die Tabellenfilterung. Für diese wiederverwendbar Funktionen können wir eine Komponenten Bibliothek nutzen.

Flexbox Grid: http://flexboxgrid.com/ Bootstrap: https://getbootstrap.com/ Angular Material: https://material.angular.io/

Virtuelles Scrolling: Podcast Folge #16 Externe Abhängigkeit: Podcast Folge #11

iOS Bug: https://www.heise.de/mac-and-i/meldung/iPhone-und-iPad-Kernel-Panik-per-Web-Link-4166118.html

Abonniere den Podcast auf iTunes 🎧: http://apple.co/2OlOKQI

Ich freue mich, wenn du dir ein paar Minuten Zeit nimmst und diesen Podcast auf iTunes bewertest.

Webseite: http://bit.ly/happy-angular

Xing: http://bit.ly/sd-xing

Facebook: http://bit.ly/angular-facebook

Nächste Episode

Bessere Anwendungen mit Tests

Inwiefern sind Tests aus Projekt- und Entwicklersicht sinnvoll?

An Tests spalten sich die Geister von Entwickler: Die einen halten Tests für unverzichtbar und anderen als lästig. In dieser Folge lernst du die Vorteile aber auch die Nachteile von Tests. Und warum Tests für dich ganz persönlich sinnvoll sind. Und wann du die Finger von Tests fernhalten sollst.

Kurz zusammengefasst:

Ob getestet wird und den Umfang von Tests definiert das Skill-Level der Entwickler sowie die Projekt-Situation
Tests sind ausführbare Anforderungen
In Angular nutzen wir Jamsin
Tests sind alle ähnlich aufgebaut: Vorbereitung, Aktion und Prüfung
Test-Dreieck mit Unit Tests, Integrationstest und E2E-Tests

Tests sind einer von fünf Basics, die für eine erfolgreiche Softwareentwicklung von Angular notwendig ist. Zu allen fünf Bereiche bekommst du die Details in dem Angular Coding Blueprint, welches du dir unter dem folgenden Link herunterladen kannst: http://bit.ly/angular-blueprint

Abonniere den Podcast auf iTunes 🎧: http://apple.co/2OlOKQI

Ich freue mich, wenn du dir ein paar Minuten Zeit nimmst und diesen Podcast auf iTunes bewertest.

Webseite: http://bit.ly/happy-angular

Xing: http://bit.ly/sd-xing

Facebook: http://bit.ly/angular-facebook