Zum Inhalt springen

angular

Tiefe Einblicke in Angular-Architektur, praxisnahe KI-Integration, State-Management-Muster und Frontend-Engineering-Praktiken.

4 Artikel

  • ngrx-graph: Statische Analyse und Graph-Visualisierung für NgRx-Anwendungen

    ngrx-graph: Statische Analyse und Graph-Visualisierung für NgRx-Anwendungen

    Zusammenfassung ngrx-graph scannt NgRx-Codebasen mittels AST-Parsing, löst Aliase sowie verschachtelte Actions auf und gibt fokussierte oder projektweite Action-Flow-Graphen in DOT/SVG aus. Ein einziger Befehl ersetzt stundenlanges manuelles Durchsuchen von Code.

    Wenn Sie jemals eine Action durch eine umfangreiche NgRx-Codebasis verfolgt haben und sich fragten, welcher Effect darauf hört, welcher Reducer sie verarbeitet und ob ein anderer Effect im Hintergrund eine weitere Action in der Kette auslöst, kennen Sie das Problem. Das manuelle Durchsuchen des Codes funktioniert so lange, bis es an seine Grenzen stößt. Ein einziger verpasster dispatch()-Aufruf, der tief in einem mergeMap vergraben ist, und Ihr mentales Modell bricht zusammen.

    Weiterlesen →
  • Angular AI in echten Projekten sinnvoll einsetzen

    Angular AI in echten Projekten sinnvoll einsetzen

    Zusammenfassung KI-Tools sind gut im Generieren von Code, aber echte Angular-Projekte gelingen nur, wenn man ihnen reichen Projektkontext, Architekturgrenzen und Konventionen mitgibt.

    KI kann eine Komponente erzeugen, einen Test schreiben oder einen Compilerfehler erklären. In realen Anwendungen hängen die Ergebnisse jedoch deutlich stärker vom Projektkontext als von den Fähigkeiten des Modells ab. Sie kennt weder eure Architektur noch eure Konventionen oder die Grenzen, die über Jahre entstanden sind.

    Weiterlesen →
  • Angular - Content Projection

    Zusammenfassung Content Projection in Angular ermöglicht flexible und wiederverwendbare Komponenten, indem Inhalte aus Elternkomponenten in Kindkomponenten eingefügt werden können.

    Content Projection erlaubt in Angular, eine Komponente in eine andere einzufügen. Das verändert, wie Angular-Entwickler ihre Anwendungen und Bibliotheken gestalten: hin zu flexiblen, wiederverwendbaren Komponenten, eine Grenze, die ich erneut betrachte, wenn ich Angular AI in echten Projekten zum Laufen bringe.

    Weiterlesen →
  • RxJS Serie - Observables

    Zusammenfassung Einführung in RxJS Observables, die Kernkonzepte von Observer und Subscriber sowie wie man sie von Grund auf oder mit hilfreichen statischen Methoden wie of, range, interval, timer, from, fromEvent und create erstellt, mit praxisnahen Code-Beispielen.

    RxJS (auf Github) ist eine Bibliothek für reaktive Programmierung in Javascript, und in dieser Serie möchte ich meinen Weg des Lernens mit euch teilen.

    Weiterlesen →