Manfred Steyer
@manfredsteyer
Trainer, Consultant, and Programming Architect with Focus on Angular, GDE for Angular
3/ ... and `injectAsync`, which allows services to be injected lazily.
2/ We’ve already updated both our book and the accompanying demo project. They also cover other new Angular 22 features, including the new `@Service` decorator ...
1/ Did you know? Since Angular 22.1, released this week, `linkedSignal` supports an optional setter. This makes it possible to write updated values back to a store, for example.
New article: What if tool calls returned interactive interfaces instead of plain text? I show how to integrate MCP Apps into an @angular application with @CopilotKit and AG-UI. We’ll connect an MCP server and render its UI. Article link in the first comment 👇
AI is changing not only how we build Angular applications—but also how we design them. Our new workshops for H2/2026: → Agentic UI with Angular → AI-Ready Architectures with Signals → Agentic Engineering for Angular Very Early Bird ends this week. Link in the comments.
🚀 Yesterday, @CopilotKit for @angular was launched, giving us a first-class AG-UI implementation for Agentic UIs. I’ve updated my article series on this: ✅ Agents with Angular and CopilotKit ✅ Client-side tools and UI widgets ✅ Dynamic UIs with A2UI Link in comments 👇
Big Angular + AI Meetup in Graz Join us on September 11, 2026 for an afternoon packed with talks on Angular, AI, Agentic UI, and modern frontend architecture. 🎤 10+ international speakers 🍕 Free food and drinks Participation is free, but seats are limited. Link in comments 👇
3/ `onIdle` supports a timeout as well. This defines the maximum waiting time: even if the browser does not become idle, prefetching will start no later than the configured timeout.
2/ You can also prefetch the service before it is requested. The `prefetch` option accepts a trigger function that returns a Promise. Once the Promise resolves, Angular starts loading the chunk. Angular even provides a built-in `onIdle` trigger.
1/ Did you know Angular 22 can lazy-load services? With `injectAsync`, a service and its dependencies can be moved into a separate chunk and loaded only when they are actually needed.
4/ The result A subtle flicker turns into a single, self-explanatory call — reusable across the whole app. More details ...
3/ Now, let's make it reusable ... You don't want to rewrite this in every component. Move it into a small helper: debounceTrue(). Only the switch to true is delayed — the switch to false stays instant.
2/ The trick: combine the debounced value with the raw isLoading() via &&. → Rising edge: delayed by debounced(). → Falling edge: isLoading() drops to false immediately — the spinner is gone at once. Exactly the behavior we wanted. Now, let's make it reusable ...
🧵 1/ How to debounce a Signal-based loading flag? The obvious solution — and its catch: Angular 22 ships debounced(). Looks great — but it also debounced true -> false. So, the spinner lingers 300 ms after the data is already here :-( The trick ...
Great to wrap up the first edition of our Agentic UI workshop. Participants highlighted: “Realistic AG-UI examples.” “A great combination of theory and practice.” “Very well selected and curated examples.” The next edition 🇬🇧 is already next week. 👇 Link in the comments.
Yesterday, I had a lot of fun live-coding Super Mario with TypeScript at @developer_week: Game Loop • Tiles • Gravity • Side Scrolling • Collisions 👇 Code and Slides in Comments
- When doing Agentic UI, how to prevent coupling to the server stack and LLM? - How to support dynamic UI as an answer from the Agent? In my talk today at @developer_week in Mannheim, I gave answers by using AG-UI and A2UI. Here are the slides and examples: 👉 github.com/angular-arch...
How to set up Angular for Agentic Coding? My colleague Alex Thalhammer provides answers here 👉️ www.angulararchitects.io/en/blog/ae-h...
A Travel Planner built with Agentic UI and Angular -- example from my new workshop: - Agent workflows - Co-creation - State management - Guardrails # Workshop Details 🇬🇧 www.angulararchitects.io/en/training/... 🇩🇪 www.angulararchitects.io/training/age...
🚨 Announcement: Big Angular + AI Meetup in Graz International Speakers - 🍕 Free pizza & drinks Limited Seats - RSVP now (link in comments)
.@angular's new Signal Forms open up a great new way to think about forms: reactive, typed, composable This week at enterJS in Mannheim, I covered: (👇 slides + examples in comment) 🔥 Splitting large forms ✅ Conditional validation ✅ Metadata ✅ Custom controls ✅ ...
This week at @webinale in Berlin, I did a talk on Agentic UI. Below images with some examples I showed -- full slide deck + code examples here 👉️ www.angulararchitects.io/en/presentat...
What can Frontend people learn from Strategic Design? Today at DDD Europe @dddeu in Antwerp, I gave an answer. 6 key slides below 👇 Full deck here 👉️ files.speakerdeck.com/presentation...