Manfred Steyer
@manfredsteyer.bsky.social
700 followers 130 following 290 posts
Trainer, Consultant, and Programming Architect with Focus on Angular, GDE for Angular
Posts Media Videos Starter Packs
manfredsteyer.bsky.social
New Blog Article: Building a Form Generator with Angular's new Signal Forms (experimental). Please find it here: angulararchitects (dot) io.
Reposted by Manfred Steyer
younesjd.dev
📢 I'll be giving an #Angular Vitest #testing workshop on Wednesday for @viteconf.org

You can register here: viteconf.amsterdam/workshops

🍛 Ingredients:
⚡️ Vitest
🦋 Zoneless
🐙 Testing Library
🍴 Techniques such as TDD, Fakes, and object mothers
🎁 Some surprises
...

🤯 It's free and online
Vitest UI screenshot testing a workshop invite component
manfredsteyer.bsky.social
6/6 <app-dynamic-form ... /> iterates over the metadata and generates respective fields.
manfredsteyer.bsky.social
5/6 We can convert an Array with metadata to a schema used by Signal Forms:
manfredsteyer.bsky.social
4/6 Now, let's look at the implementation. This is the type for the metadata:
manfredsteyer.bsky.social
2/6 Then pass your metadata and the entity to a component that renders the form:
manfredsteyer.bsky.social
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:
manfredsteyer.bsky.social
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
manfredsteyer.bsky.social
Thanks for having me ❤️
manfredsteyer.bsky.social
Today, at @angular_asia, I did about 90 min live coding to show all the things in @angular's new Signal Forms (experimental). Here is the recording 👇

www.youtube.com/live/6upUg89...
Signal Forms
YouTube video by Ng Asia Angular
www.youtube.com
manfredsteyer.bsky.social
In 45 min, we are going live!
manfredsteyer.bsky.social
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
manfredsteyer.bsky.social
✅ Multi-Field Validators
✅ Async Validators
✅ Http Validators
✅ Nested Forms
✅ From Groups & Arrays
✅ Custom Controls
✅ Meta Data

You can directly find the live stream on the YouTube page of @angular_asia

2/2
manfredsteyer.bsky.social
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
Reposted by Manfred Steyer
michaelsmalldev.bsky.social
My summary of what is Zone, then what that means Zoneless is, Zoneless going stable in 20.2, and default in v21: www.reddit.com/r/angular/co.... Nothing is news-news, but I wanted to get links to docs and PRs all together for quick reference for myself and others.
manfredsteyer.bsky.social
2/2 Here are some alternatives. Also, you can disable fields in some circumstances. There is also readonly and hidden ...
manfredsteyer.bsky.social
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.
manfredsteyer.bsky.social
Murat Sari, aka @wolfmanfx, wrote about code quality and reviews. You can find the full article on our blog at angulararchitects (dot) io.
manfredsteyer.bsky.social
Yesterday, at @bastacon in Mainz, Germany, I talked about Project Setups for Angular.
manfredsteyer.bsky.social
Yesterday at @BASTAcon in Mainz, Germany, I did a night session on Forensic Code Analysis. Here are some impressions 👇
manfredsteyer.bsky.social
Please find this article now in my blog at angulararchitects (dot) io.
manfredsteyer.bsky.social
Try it out in your TypeScript-based project. In your project root, just run
npx @softarc/detective
7/7