Skip to content

angular

Deep dives into Angular architecture, real-world AI integration, state management patterns, and frontend engineering practices.

4 articles

  • ngrx-graph: Static Analysis and Graph Visualization for NgRx Applications

    ngrx-graph: Static Analysis and Graph Visualization for NgRx Applications
    angularAmmar NajjarAmmar Najjar · July 31, 2026 · 13 min read

    TL;DR ngrx-graph scans NgRx codebases via AST parsing, resolves aliases and nested actions, and outputs focused or project-wide action flow graphs in DOT/SVG. One command replaces hours of manual code tracing.

    If you have ever traced an action through a sprawling NgRx codebase, wondering which effect listens to it, which reducer handles it, and whether some other effect silently dispatches another action in the chain, you know the pain. Manual code traversal works until it does not. One missed dispatch() call buried in a mergeMap. Your mental model breaks.

    Read more →

  • Making Angular AI Work in Real Projects

    Making Angular AI Work in Real Projects
    angularaiAmmar NajjarAmmar Najjar · July 13, 2026 · 6 min read

    TL;DR AI tools are great at generating code, but real Angular projects succeed only when you give them rich project context, architecture boundaries, and conventions.

    AI can generate a component, write a test, or explain a compiler error. But in real applications, results depend more on project context than model capability. It doesn't understand your architecture, your conventions, or the boundaries you built over years.

    Read more →

  • Angular - Content Projection

    angularAmmar NajjarAmmar Najjar · June 20, 2021 · 4 min read

    TL;DR Content projection in Angular enables flexible and reusable components by allowing you to insert content from parent components into child components.

    Content projection is a feature in angular that supports inserting a component in another component. This changes the way an angular developer designs his application/library by implementing flexible and reusable components, a boundary I revisit when making Angular AI work in real projects.

    Read more →

  • RxJS Series - Observables

    angularAmmar NajjarAmmar Najjar · January 1, 2019 · 6 min read

    TL;DR Introduction to RxJS Observables covering the core concepts of Observer Subscriber and how to create them from scratch or using handy static methods like of range interval timer from fromEvent and create with practical code examples.

    RxJS (on Github) is a reactive programming library for Javascript, and in this series, I would like to expose my way of learning it with you.

    Read more →