Agentic UI with Angular — Agent-Driven UIs Without Vendor Lock-In Build agent-driven Angular UIs decoupled from any backend or model. Tool calling, generative UI, human-in-the-loop patterns, and open standards.

I’ll share patterns, code, and real-world setups
while writing the book.

👉 more info + waitlist:
agentic-angular.com

4/4

My approach:

AG-UI → decoupled communication
A2UI → LLM creates UI
MCP Apps → tools ship UI

+ Human-in-the-Loop patterns for control & approval

3/4

Agents change everything:

They call tools, update UI, and run workflows.

This requires architecture.
Not hacks.

2/4

🧵 I’m working on a new book:

Agentic Angular

How to build Angular apps with AI agents
— without turning your architecture into chaos.

(More info + waitlist in the comments 👇)

1/4

Working on something new:

Agentic UI with Angular.

If you could influence this:
What should such a book *definitely* cover — and what should it NOT waste time on?

Early Bird for my Modern Angular eBook ends this week ⏳

Most Angular books explain features.
This one shows how to turn them into a system that actually scales.

Architecture. Signals. Real-world decisions.
👉 payhip.com/AngularArchi...

Angular Architects Build scalable Angular applications using proven architecture patterns.Based on 1,200 workshops with enterprise teams.✔ Instant download • Free updates • Enterprise-proven practicesBy Manfred Steyer,…

“The book is pure gold for enterprise Angular developers.”
— early feedback

Early Bird for Modern Angular ends this week ⏳

👉 payhip.com/AngularArchi...

Beyond AI Chat: Agentic UIs for Angular with Manfred Steyer AI isn’t just about chat anymore—it’s about action. Manfred Steyer joins us to explore the rise of agentic UIs in Angular, where intelligent systems don’t just respond—they help drive the experience.…

This Friday, Manfred Steyer guides us to explore agentic UIs in Angular using Hashbrown!

👩‍💻 Desktop → www.youtube.com/watch?v=njGA...

📱 Mobile → www.youtube.com/watch?v=VQ6i...

Shout out to briebug.com — helping teams build scalable, high-quality apps.

Early Bird ends this week ⏳

Modern Angular eBook
Architecture-first • Signals • NgRx Signal Store • Vitest

👉 payhip.com/AngularArchi...

refactor(core): Tree shake the `SimpleChanges` & co. by JeanMeche · Pull Request #68154 · angular/angular Any application that doesn't use the ngOnChanges hook shouldn't pull its code.

github.com/angular/angu...

Computed signals (and in some occasions where previous values are needed, using linkedSignal) have replaced any need I have had for ngOnChanges. This is another nice little optimization.

By the way, v21 added typing for SimpleChanges, in case you are attached.

More details like this in my new #Angular book:

angular-book.com

You can also control how errors are handled.

The resource can 1️⃣ keep the `previous value`, 2️⃣ switch to an `undefined value`, or 3️⃣ use Angular's `native` behavior: throwing the error when accessing the getter.

So your error strategy is explicit — not scattered across your app.
4/..

Instead of managing state yourself, you get:

• xyz (your data)
• xyzError
• xyzIsLoading

→ fully _typed_ and kept in sync automatically
3/..

The NgRx Toolkit solves this with withResource.

It wires a consistent async state model directly into your Signal Store.
2/..

🧵 Integrating Angular’s Resource API into an NgRx Signal Store — without duplicating async state logic

Classic apps end up managing data, loading, and error manually in every store.

Result: lots of boilerplate — and inconsistent patterns.
1/..

Angular Architects Build scalable Angular applications using proven architecture patterns.Based on 1,200 workshops with enterprise teams.✔ Instant download • Free updates • Enterprise-proven practicesBy Manfred Steyer, Angular GDE & international speaker

More approaches like this in my new #Angular book:

angular-book.com
3/3

🔴 In these areas, new features take ~2x longer

→ your team’s effective capacity is cut in half

🟡 They also contain up to 30x more bugs

→ this is where technical debt actually hurts
2/3

🧵 Why your team slows down over time (and how to explain it to your manager)

Use a hotspot analysis:

Red areas = code with
a) high complexity
b) high change frequency

→ this is where things break
1/3

Proven State Management Principles for Sustainable Angular, Marko Stanimirović @ngGraz 03/2026

🎥 Next recording from our big Angular Meetup last month:
Marko Stanimirović, Angular GDE and @ngrx_io team member on
Proven State Management Principles

youtu.be/yaYdSKlA4Dw

AI for Developer Productivity - ANGULARarchitects Tickets Die unten stehende Nummer beinhaltet Tickets für diese Veranstaltung aus dem Warenkorb. Durch einen Klick auf "Tickets kaufen" können vorhandene Teilnehmerinformationen bearbeitet sowie die…

AI is no longer a toy.

In our AI for Developer Productivity workshop next week, we show how to actually speed up real development work.

2 days. Hands-on.

👉 www.angulararchitects.io/training/ai-...

Migrate from Karma To Vitest - ANGULARarchitects Contents Why Vitest instead of Karma? More on Vitest Before starting the migration Confirm you’re using the application build system Decide on the migration strategy Check your current behavior Migrat...

Get the article 👇

www.angulararchitects.io/en/blog/migr...

Did you know? Karma is deprecated. So how do you migrate your Angular tests to the CLI’s new standard, Vitest? 🤔

My colleague Marcell Kiss breaks it down step by step.

(Article in the first comment 👇)

Angular Architects Build scalable Angular applications using proven architecture patterns.Based on 1,200 workshops with enterprise teams.✔ Instant download • Free updates • Enterprise-proven practicesBy Manfred Steyer, ...

If you're interested, here’s the link 👇

payhip.com/AngularArchi...

Two days after launch, the first feedback is coming in.

Glad to see that the focus on architecture and structure resonates.

Big thanks for the feedback 🙌

(Link in first comment 👇)

🚀NEU | Whitepaper - Angular 21

@manfredsteyer.bsky.social zeigt, wie du Angular 21 effizient nutzt: Signal Forms, Zone-less Change Detection, Vitest, Angular ARIA & MCP-Server/AI-Tools.

⏳Jetzt lesen & zukunftssicher gestalten!
🔗https://javascript-days.de/whitepaper-angular-21/
#Angular21 #Frontend

🚀NEU: Modern Angular Masterclass – Konzepte verstehen & nicht nur anwenden!

Schluss mit gegen den Strom schwimmen!

3 Tage Praxis mit @manfredsteyer.bsky.social: reaktiver Datenfluss, State, Testing & Signal Forms 🚀

🔗 https://angular-camp.de/masterclass/

#Angular #Masterclass #WebDevelopment

Angular CLI MCP Server setup • Angular The web development framework for building modern apps.

Used the Angular MCP server yesterday to check best practices in my project.

I get overwhelmed with checklists, but this was super methodical and showed exactly where I was aligned (and not).

This felt like a really good use of AI. #angular

Angular Architects Build scalable Angular applications using proven architecture patterns.Based on 1,200 workshops with enterprise teams.✔ Instant download • Free updates • Enterprise-proven practicesBy Manfred Steyer,…

A recurring theme in many Angular projects:
Structure becomes the deciding factor over time.

In Modern Angular, I focus on:
→ Signals as a consistent reactive foundation
→ vertical modularization
→ state patterns with Signal Store

📘 Now available:
👉 payhip.com/AngularArchi...

Angular Architects Build scalable Angular applications using proven architecture patterns.Based on 1,200 workshops with enterprise teams.✔ Instant download • Free updates • Enterprise-proven practicesBy Manfred Steyer,…

Thanks for the great feedback this morning 🙌

📘 Modern Angular: Architecture, Concepts & Implementation is now live

Early reviewers already highlighted:

→ Clear architecture guidance
→ Signals & modern reactive patterns
→ Practical, real-world examples

👉 Get it here: payhip.com/AngularArchi...

[Blue Sky]

Huge thanks to the reviewers who helped improve the book 🙌

@jeanmeche.com
Marko Stanimirović
@samvloeberghs.be
@hpgrahsl.bsky.social
Auke van Oostenbrugge
Radu Poenaru
Gregor Woiwode