Manfred Steyer

AI Assistants for Your Angular Solutions - ANGULARarchitects

👇 Slides and the example app 5/5

www.angulararchitects.io/en/presentat...

Also included: Natural Language Queries.

Since LLMs are not reliable at math, the safer approach is to let them generate code that runs in a sandboxed runtime 4/5

For Angular developers, Hashbrown feels very natural:

- Setup via provideHashbrown()
- Define your agent as a resource
- Connect it to tools and UI components
3/5

The agent inside your Angular app talks to the LLM, invokes tools (e.g., router navigation or NgRx Signal Store access), and dynamically renders UI components 2/5

🧵 Last week at @bastacon in Frankfurt, I showed how to build Agentic UIs for Angular using Hashbrown.
➡️ The agent can render components and trigger actions in your app.

(👇 Slides and example in comments)
1/5

Our Angular Graz Meetup has reached 100 registrations 🎉
Only a few seats left
RSVP now on our meetup page!

In 3 minutes, here at @bastacon, I’ll build an Agentic UI for an @angular app with hashbrown.

T-20 at @bastacon in Frankfurt

YouTube video by ng-news Ng-News 26/07: Angular's Router, Vitest, Hashbrown, History & Popularity

Ng-News 26/07:

• @armenvardanyan.dev, Andrew Scott: router resources, RxJS, ngxtension, TypeScript/Go
• @younesjd.dev: Vitest browser mode
• @manfredsteyer.bsky.social: Hashbrown + AI in Angular
• #Angular Popularity
• Maximilian Schwarzmüller: 10 years of Angular

youtu.be/3oTeWPzVPtY

This year at DDD Europe, one of the world’s largest DDD conferences, I’ll talk about how to benefit from Strategic Design in the frontend. I'm really looking forward to this.

🇩🇪 1, 2 oder 3? Letzte Chance, vorbei! Early Bird endet am Wochenende.
Also, wenn Du dabei sein willst, dann jetzt noch schnell buchen.
Ab Montag gelten die regulären Preise.

This breakout session will be a lot of fun 🤩

Modern Angular – Signal-first, Architecture-first, Practice-first Practical Guidance for Modern Angular - Architecture. Concepts. Implementation. All about Signals (Forms, Store), AI, Architecture, and more

If you want the book as soon as it’s available:

👉 Join the waiting list
✔️ get notified immediately
✔️ get an early-bird discount
5/5

www.angulararchitects.io/en/ebooks/mo...

Chapter 7: Vitest Component Testing (Browser Mode)
Testing in Angular is changing fast — and this is one of the biggest improvements in years.

You’ll learn how to use Vitest for fast, modern component testing — directly in the browser.
4/..

Chapter 6: Signal Forms (deep dive)
Forms are still one of the hardest parts in enterprise Angular.

This chapter covers how to build large and nested forms without pain:

✔️ custom validators
✔️ metadata
✔️ custom controls
✔️ complex / nested forms
3/5

Chapter 3: Reactive Design with Signals
This chapter is about how Signals become real architecture building blocks — not just "state with getters".

You’ll learn how to build reactive flows that stay maintainable in large apps.
2/5

🧵 Sneak peek: Here are a few chapters from my upcoming Modern Angular book:

Chapter 2: Signals & Resources (from day 1)
No "intro fluff" — we go straight into the new reactive mental model.

✔️ Signals
✔️ Resources
✔️ Input & Model Signals

(👇 Waiting list at the end)
1/5

Find the slides and the live demo here 👇 6/6
www.angulararchitects.io/en/presentat...

4️⃣ What are the hidden costs?
You need a small platform team that provides guidance and helps resolve cross-team issues.

This is something I’ve seen in every successful Micro Frontend project 5/6

3️⃣ There are several alternatives with different trade-offs.
Often, you trade team autonomy or UX (bundle size, deep links) for easier integration.

Also: If you only have one team, a modularized monolith (“modulith”) is very likely the better choice 4/6

2️⃣ If you load your Micro Frontends via Federation, you get the best of both worlds:
Shared deps when versions match — isolated deps when they don’t 3/6

1️⃣ You need some form of abstraction between your Micro Frontends.
A popular option: Web Components 2/6

🧵 Multi-version / multi-framework Micro Frontends are where most architectures start to hurt.

At @oop_conference in Munich I shared what actually works in practice. Here are the key takeaways 👇 1/6

Announcing: Q2 dates for our public workshops.
All details on our website.

YouTube video by Marmicode – By Younes Jaaidi Test Angular Components Like a Real User with Vitest "Full" Browser Mode

👋 @vitest.dev Browser Mode for #Angular is not just a switch — but a different recipe 😉

Let's dive into what's cooking under the hood:
⚙️ How it works (Vitest vs Playwright roles)
🌓 "Partial" vs. 🌕 "Full" Browser Mode
🔌 APIs: userEvent vs. page
🪜 Progressive migration

youtu.be/Pu22JQG6jdg

#testing

YouTube video by Manfred Steyer [EN] Angular Moves to Vitest – What Does That Mean for Us?

🧪 Enjoyed the conversation between @manfredsteyer.bsky.social and @rainerhahnekamp.bsky.social about the future of testing with @angular.dev and @vitest.dev.

I appreciate the recommendation of @analogjs.org for previous versions of Angular & compatibility with IDEs

www.youtube.com/watch?v=1ac9...

Angular Architecture Workshop Advanced Angular Workshop with Strategies for large & long-living Business Applications. Hosted by Manfred Steyer, GDE & Angular Architect.

Details & Tickets 👇
www.angulararchitects.io/en/training/...

Completely updated my material for the Angular Architecture Workshop next week

✅ Signal-first and Zone-less
✅ Signal Store, Signal Forms
✅ Agentic UI patterns
✅ Nx, Sheriff, Federation

Last-minute tickets are still available.
Details in the comments 👇

YouTube video by ng-news Ng-News 26/04: Micro Frontends at Google, Update on TypeScript

New Episode:

Micro Frontends at Google with Doug Parker: Isolation, Protocol Buffers, and when to avoid.

+TypeScript Go rewrite update and Angular DevTools Signal Graph.

youtu.be/OF3QHLUPvEw

Dynamic Reports: Natural Lanaguage Queries with On-the-Fly Code Generation - ANGULARarchitects This is post 3 of 3 in the series “AI Assistants” An AI Assistant for your Angular Application: Tool Calling in the Frontend with Hashbrown Generative UI for AI Assistants: Component Control with Hash...

Hashbrown makes this elegant with two building blocks:

- structuredCompletionResource (structured output)
- a sandboxed JavaScript runtime (safe execution)

Full article + source code 4/4
👉 www.angulararchitects.io/en/blog/dyna...