Manfred Steyer
@manfredsteyer.bsky.social
Trainer, Consultant, and Programming Architect with Focus on Angular, GDE for Angular
Out yesterday's #AngularArchitecture Workshop at @ngdeconf was really well attended. We had a great time. Thanks for joining, and thanks for having us 🙌
November 6, 2025 at 8:30 AM
Out yesterday's #AngularArchitecture Workshop at @ngdeconf was really well attended. We had a great time. Thanks for joining, and thanks for having us 🙌
Did you know? 🎉 Module Federation just turned 5 this month!
It debuted on 2020-10-10 with Webpack 5 — a game-changer by @wSokra and @ScriptedAlchemy that solved a massive scaling challenge for many enterprises.
It debuted on 2020-10-10 with Webpack 5 — a game-changer by @wSokra and @ScriptedAlchemy that solved a massive scaling challenge for many enterprises.
October 27, 2025 at 6:30 AM
Did you know? 🎉 Module Federation just turned 5 this month!
It debuted on 2020-10-10 with Webpack 5 — a game-changer by @wSokra and @ScriptedAlchemy that solved a massive scaling challenge for many enterprises.
It debuted on 2020-10-10 with Webpack 5 — a game-changer by @wSokra and @ScriptedAlchemy that solved a massive scaling challenge for many enterprises.
For @ngconf, I updated my Super Mario demo and added an 8-bit version of helmet guy — candidate for the @angular mascot.
October 21, 2025 at 6:31 AM
For @ngconf, I updated my Super Mario demo and added an 8-bit version of helmet guy — candidate for the @angular mascot.
For @ngconf, I updated my Super Mario demo and added an 8-bit version of helmet guy — candidate for the @angular mascot.
October 21, 2025 at 6:31 AM
For @ngconf, I updated my Super Mario demo and added an 8-bit version of helmet guy — candidate for the @angular mascot.
Back from @ngconf -- one more time, it was an amazing event: Great talks and conversations with the community and the @angular team. And an awesome venue 👇. Congrats to the orga team and thanks for having me.
October 20, 2025 at 6:34 PM
Back from @ngconf -- one more time, it was an amazing event: Great talks and conversations with the community and the @angular team. And an awesome venue 👇. Congrats to the orga team and thanks for having me.
Yesterday, at @ngconf in Maryland, we did our #AngularArchitecture workshop. Here are some impressions 👇
October 17, 2025 at 5:30 AM
Yesterday, at @ngconf in Maryland, we did our #AngularArchitecture workshop. Here are some impressions 👇
I'll be hosting a free 🇩🇪 German webinar next Tuesday, October 21, 2025, at 15:00.
Learn how to combine SignalStore, the new Signal Forms, Resources, and Mutations to a fully reactive and modern #Angular architecture. RSVP here👇
www.angulararchitects.io/reactive-ang...
Learn how to combine SignalStore, the new Signal Forms, Resources, and Mutations to a fully reactive and modern #Angular architecture. RSVP here👇
www.angulararchitects.io/reactive-ang...
October 16, 2025 at 2:29 PM
I'll be hosting a free 🇩🇪 German webinar next Tuesday, October 21, 2025, at 15:00.
Learn how to combine SignalStore, the new Signal Forms, Resources, and Mutations to a fully reactive and modern #Angular architecture. RSVP here👇
www.angulararchitects.io/reactive-ang...
Learn how to combine SignalStore, the new Signal Forms, Resources, and Mutations to a fully reactive and modern #Angular architecture. RSVP here👇
www.angulararchitects.io/reactive-ang...
With the property function, we can define metadata properties for fields. You can call it anywhere, but most likely, you’ll call it inside a custom validator where you already define what you expect from the user. 5/5
October 14, 2025 at 2:25 PM
With the property function, we can define metadata properties for fields. You can call it anywhere, but most likely, you’ll call it inside a custom validator where you already define what you expect from the user. 5/5
createProperty creates a key.
Now it gets spicy 🌶️
There are also aggregate properties: Let’s say different validators define different values. An aggregate property defines how these values are combined into the final value (e.g., by or-ing, and-ing, putting them all in an Array, etc.).
4/5
Now it gets spicy 🌶️
There are also aggregate properties: Let’s say different validators define different values. An aggregate property defines how these values are combined into the final value (e.g., by or-ing, and-ing, putting them all in an Array, etc.).
4/5
October 14, 2025 at 2:25 PM
createProperty creates a key.
Now it gets spicy 🌶️
There are also aggregate properties: Let’s say different validators define different values. An aggregate property defines how these values are combined into the final value (e.g., by or-ing, and-ing, putting them all in an Array, etc.).
4/5
Now it gets spicy 🌶️
There are also aggregate properties: Let’s say different validators define different values. An aggregate property defines how these values are combined into the final value (e.g., by or-ing, and-ing, putting them all in an Array, etc.).
4/5
To read the metadata, call the property method with a key, e.g., REQUIRED or MIN_LENGTH. You can also define your own. What you get back is either the metadata property itself or a Signal containing the property (more about this below), which you can display to the user. 3/5
October 14, 2025 at 2:25 PM
To read the metadata, call the property method with a key, e.g., REQUIRED or MIN_LENGTH. You can also define your own. What you get back is either the metadata property itself or a Signal containing the property (more about this below), which you can display to the user. 3/5
To display it, I’ve written a field-meta-data component. 2/5
October 14, 2025 at 2:25 PM
To display it, I’ve written a field-meta-data component. 2/5
Did you know? 🧐 A quite smart feature of @angular’s upcoming Signal Forms (experimental) is metadata that lets you display to the user what they are supposed to enter. 1/5
October 14, 2025 at 2:25 PM
Did you know? 🧐 A quite smart feature of @angular’s upcoming Signal Forms (experimental) is metadata that lets you display to the user what they are supposed to enter. 1/5
Our new mood video, which we've recorded during this year's offsite, is here 🎥
October 14, 2025 at 5:31 AM
Our new mood video, which we've recorded during this year's offsite, is here 🎥
@angular-architects/native-federation 20.1.7 brings several bug fixes and quality-of-life features. ❤️ Big thanks to all contributors and to @AukevanOost for taking care of this release
October 11, 2025 at 5:42 PM
@angular-architects/native-federation 20.1.7 brings several bug fixes and quality-of-life features. ❤️ Big thanks to all contributors and to @AukevanOost for taking care of this release
New Blog Article: Building a Form Generator with Angular's new Signal Forms (experimental). Please find it here: angulararchitects (dot) io.
October 9, 2025 at 5:30 AM
New Blog Article: Building a Form Generator with Angular's new Signal Forms (experimental). Please find it here: angulararchitects (dot) io.
6/6 <app-dynamic-form ... /> iterates over the metadata and generates respective fields.
October 7, 2025 at 7:32 AM
6/6 <app-dynamic-form ... /> iterates over the metadata and generates respective fields.
5/6 We can convert an Array with metadata to a schema used by Signal Forms:
October 7, 2025 at 7:32 AM
5/6 We can convert an Array with metadata to a schema used by Signal Forms:
4/6 Now, let's look at the implementation. This is the type for the metadata:
October 7, 2025 at 7:32 AM
4/6 Now, let's look at the implementation. This is the type for the metadata:
3/6 Here is the result:
October 7, 2025 at 7:32 AM
3/6 Here is the result:
2/6 Then pass your metadata and the entity to a component that renders the form:
October 7, 2025 at 7:32 AM
2/6 Then pass your metadata and the entity to a component that renders the form:
1/6 Here is a small prototype for a dynamic form/ form generator with Angular's new Signal Forms (experimental). You can define metadata to describe user-defined entities:
October 7, 2025 at 7:32 AM
1/6 Here is a small prototype for a dynamic form/ form generator with Angular's new Signal Forms (experimental). You can define metadata to describe user-defined entities:
Last week, we finished another #AngularArchitecture workshop. Here are the things the participants especially liked (grouped by ChatGPT):
✅ Expertise & Teaching Style
✅ Depth and Topical Relevance
✅ Mix of Theory, Demos & Practice
✅ Structure & Clarity
✅ Atmosphere & Enthusiasm
✅ Expertise & Teaching Style
✅ Depth and Topical Relevance
✅ Mix of Theory, Demos & Practice
✅ Structure & Clarity
✅ Atmosphere & Enthusiasm
October 6, 2025 at 5:30 AM
Last week, we finished another #AngularArchitecture workshop. Here are the things the participants especially liked (grouped by ChatGPT):
✅ Expertise & Teaching Style
✅ Depth and Topical Relevance
✅ Mix of Theory, Demos & Practice
✅ Structure & Clarity
✅ Atmosphere & Enthusiasm
✅ Expertise & Teaching Style
✅ Depth and Topical Relevance
✅ Mix of Theory, Demos & Practice
✅ Structure & Clarity
✅ Atmosphere & Enthusiasm
Don't forget to tune in tonight at 18:00 CEST. Using a lot of #live_coding I will give an overview of all the possibilities @angular's new Signal Forms (experimental) currently provide:
✅ Standard Schema Support
✅ Custom Validators
✅ Validation Errors
✅ Using Schemas
✅ Conditional Validation
1/2
✅ Standard Schema Support
✅ Custom Validators
✅ Validation Errors
✅ Using Schemas
✅ Conditional Validation
1/2
October 3, 2025 at 12:30 PM
Don't forget to tune in tonight at 18:00 CEST. Using a lot of #live_coding I will give an overview of all the possibilities @angular's new Signal Forms (experimental) currently provide:
✅ Standard Schema Support
✅ Custom Validators
✅ Validation Errors
✅ Using Schemas
✅ Conditional Validation
1/2
✅ Standard Schema Support
✅ Custom Validators
✅ Validation Errors
✅ Using Schemas
✅ Conditional Validation
1/2
2/2 Here are some alternatives. Also, you can disable fields in some circumstances. There is also readonly and hidden ...
October 2, 2025 at 9:06 AM
2/2 Here are some alternatives. Also, you can disable fields in some circumstances. There is also readonly and hidden ...
1/2 Did you know that Angular's new Signal Forms (prototype, experimental) allows conditional validation? Here, the rules in the 2nd schema are only applied for delayed flights.
October 2, 2025 at 9:06 AM
1/2 Did you know that Angular's new Signal Forms (prototype, experimental) allows conditional validation? Here, the rules in the 2nd schema are only applied for delayed flights.