Manfred Steyer

Want a deep dive into Vitest + Angular 21? 6/6
Get your tickets now. Very Early Bird ends soon⌛️
👇 www.angulararchitects.io/en/training/...

Run ng test to launch Vitest in Browser Mode 5/6

Browser Mode unlocks simple, powerful component testing.
Just TestBed → mount component → simulate real interactions.
It’s the smoothest Angular testing workflow so far 🥰 4/6

Vitest runs by default in Node.js using jsdom or happydom.
But with Browser Mode, tests run in real browsers — much closer to what users actually see 3/6

Vitest always runs zone-less.
➡️ No fakeAsync, no tick().
You’ll need to write tests more "natively", mock async behavior, or use Vitest's own fake timers 2/6

🧵 Did you know? Angular 21 replaces Karma with Vitest — and this changes some essential details.
Here are the 5 key things you should know 👇 1/6

Online Meetup - End of Year Edition, Thu, Dec 18, 2025, 6:00 PM | Meetup As the year draws to a close, we look back at the highlights of 2025 and ahead to one of the most long-awaited new features: Signal Forms. **2025 in Review: All the Highli

As the year draws to a close, we look back at the highlights of 2025—and ahead to one of the most long-awaited new features: Signal Forms. RSVP now 👇

www.meetup.com/angular-meet...

Hold the Line - Signal Store aligned with Angular's latest

The next recording of our Big Meetup in September is available. @rainerhahnekamp about aligning Signal Store with Angular's latest features 👇
www.youtube.com/watch?v=QyQE...

Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources - ANGULARarchitects

Here are the slides and the code demos 2/2 👇

Big thanks for having us.

www.angulararchitects.io/presentation...

This week, my colleagues Michael Egger-Zikes @rainerhahnekamp.bsky.social, and I talked at NgKato. My talk was about going full-cycle with Signals. As part of this, I used our Mutation API, a counterpart to the Resource API for sending data back to the backend 1/2

An AI Assistant for your Angular Application: Tool Calling in the Frontend with Hashbrown - ANGULARarchitects AI-based assistants improve the user experience and reduce support costs. However, their implementation involves a lot of repetitive technical tasks, such as connecting to different LLMs or implementi...

Full walkthrough, details & source code 👇 5/5

www.angulararchitects.io/en/blog/an-a...

This sequence diagram shows the full communication flow.
The backend acts as a mediator between the frontend and LLM (e.g., hiding the API key) 4/5

How does the LLM know which tools exist?
Hashbrown sends tool descriptions with every request (LLMs are stateless). These descriptions guide their decision on when to invoke a tool 3/5

This is a real chat history. In the 2nd message, the LLM decides to call the findFlights tool with specific parameters. Hashbrown executes it on the frontend and reports back the result 2/5

🧵 How tool calling works in AI assistants with Hashbrown (Angular & beyond)? 🤔
Let’s look under the hood of how LLMs decide when and how to invoke (frontend) tools 1/5

👉 Article & source code in the comments

Here we have a small screen recording showing this all in action 👇 2/2

Working on the example for my next blog article on #hashbrown. It shows how the AI assistant can display interactive components as part of the chat 1/2

Reaktive Angular-Architekturen mit RxJS & NGRX (Redux) | ANGULARarchitects Diese interaktive Schulung bringt Ordnung in die Welt Ihrer Anwendungszustände, Events und Datenflüsse. Alle Informationen hier!

Full agenda & details 👇
www.angulararchitects.io/en/training/...

Our upcoming Modern Angular Workshop (this Thu and Fri) now also includes the new Signal Forms.

✅ Custom Validators
✅ Using Schemas
✅ Conditional Validation
✅ Nested Forms
✅ From Groups & Arrays
✅ Custom Controls

Also new: ✅ NgRx Signal Store + Event API ("Redux")

👇Full agenda in the comments

Native Federation for #Angular 21 just landed with several bug fixes and quality-of-life features.
Big thanks to @AukevanOost for taking care of this release ❤️

Good Point. For this reason there is a thin backend, the frontend uses for accessing the LLM. Its code is in the article too.

An AI Assistant for your Angular Application: Tool Calling in the Frontend with Hashbrown - ANGULARarchitects AI-based assistants improve the user experience and reduce support costs. However, their implementation involves a lot of repetitive technical tasks, such as connecting to different LLMs or implementi...

Full walkthrough, details & source code here 👇 5/5

www.angulararchitects.io/en/blog/an-a...

Each registered tool contains:

- a textual description
- a JSON schema for the parameters

The LLM uses both to decide when and how to invoke a tool 4/5

The value of chatResource represents the complete chat history – ready to be rendered in your UI and kept in sync with the model 3/5

Hashbrown provides several implementations of Angular’s new Resource API for communicating with LLMs. For our AI assistant with tool calling, we use the chatResource 2/5

🧵 How to build an AI assistant for your Angular application with Hashbrown 🤔 – including tool calling directly in the frontend? 1/5

Link to the full article & source code in the comments 👇

Angular 21: My Favorite New Features, Demo, What’s Next Come see what’s new in Angular v21—another incredible update for us!

I put together my favorite highlights from Angular v21 — Signals, the new Signal Forms APIs, Angular ARIA, and what’s ahead on the roadmap.

Read the full post →

T-20 for my talk at the Software Architecture Gathering in Berlin.

Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources - ANGULARarchitects

📎 Slides & source code 👇 7/7

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

These features expose reactive properties that the component directly consumes 6/7