Manfred Steyer

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...

LLMs are really good at
➡️ generating the code that performs these steps.

So instead of asking the model to calculate, we ask it to write JavaScript.
3/4

To generate this chart, you need several tasks LLMs are not great at 😱

✅ aggregation
✅ grouping
✅ sorting
✅ percentages
✅ Math in general

But we are lucky, because ...
2/4

🧵 Generative UI in Angular.

In Part 3 of my series, I show how a user types:
“Calculate % delayed flights per day, sort by date…”

… and the app renders the chart seconds later.

There is just one problem… 👇
1/4

Big Meetup: Spring Opening, Fri, Mar 13, 2026, 2:00 PM | Meetup An entire afternoon with 9 international speakers: Keynote Mattthieu Riegler, Angular Team Code That Writes Code: Supercharge Your Nx Workspace with Generators and Execut

RSVP here: www.meetup.com/angular-meet...

🚀 Just 6 weeks to go until our Big Angular Meetup in Graz!

And here’s another highlight: Gérôme Grignon — a well-known and highly respected Angular contributor — is joining us.

That brings our lineup to 10 (!) international speakers 🔥

So, RSVP now!

NgRx Signal Store + Toolkit v21 - StackBlitz An angular-cli project based on @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router, c...

I made a project this weekend documenting how composable and reusable the NgRx SignalStore is, via built in and custom features. How simple many features can be, various examples of features, ways to give custom features inputs (easier than I thought), generics etc.

stackblitz.com/edit/stackbl...

RFC: Setting OnPush as the default Change Detection Strategy · angular angular · Discussion #66779 Authors: @MarkTechson & @alxhub Area: Angular Framework Posted: January 27, 2026 Status: Open We're planning to make a small, but important changes to Angular components: Components will default to...

We’re planning to make OnPush the new default Change Detection Strategy in v22.

Also, ChangeDetectionStrategy.Default would be renamed to Eager.

Check out the RFC and let us know what you think: github.com/angular/angu...