Reusable field wrappers.
Build a simple Angular component that wraps form fields and automatically displays labels, required indicators, validation errors and helpful hints based on the field's rules.
Live-coding workshop 100% free
Define your rules once.
Let your forms handle the rest.
Join Kobi Hari to see how Angular Signal Forms can dramatically reduce repetitive code in form-heavy applications: reusable field wrappers, custom controls and validation rules, built live in one hour.
No fee, no ticket needed. Register with your e-mail and we will send you the link to join. With Kobi Hari · software architect, Angular consultant and instructor with over 30 years in frontend development.
ONE SCHEMA, ZERO BOILERPLATE
Kobi HariSoftware architect · Angular consultant and instructor
Define once, apply everywhere
One schema.
Every field follows.
The rules live in one place. Signal Forms carries them into the labels, the required marks, the hints and the error messages of every field you apply them to. Change the threshold once and both fields update at the same time.
Define the rulesApply to fieldsEverything follows
What we'll use
Angular Signal FormsTypeScriptSchema functionsCustom controls
Registration Free
Save your seat.
It's free.
One hour of fast-paced live coding with Kobi Hari: how Angular Signal Forms eliminates repetitive form code with simple, reusable building blocks you can take straight into your own applications. Online, no fee, no conference ticket needed.
Add to calendar
Free registration
Enter your e-mail below. That's all.
- You get the link to join the live session by e-mail.
- We remind you shortly before we start.
- No payment, no card, no ticket.
Loading the registration form…
Reusable custom controls.
Create application-specific controls that work naturally with Signal Forms, including access to validation state and field requirements.
Reusable validation rules.
Turn common and domain-specific validation logic into composable schema functions that can be shared across forms without duplicating code.
What it's about
Three places to update. Multiplied by hundreds of fields.
Think about what it takes to add a single field to a real-world Angular application. First, you define the form control and its validators. Then you write the HTML: the input, its label, conditional error messages, maybe a hint, an icon, or a tooltip. Much of that code simply repeats information you have already defined in the validator itself.
Now imagine a field that requires at least 20 words. You implement a custom validator, write a friendly hint explaining the requirement, and add an error message that repeats the same threshold. Change the threshold, and you have three places to update. Multiply this by hundreds of fields, reusable address sections, password requirements and domain-specific business rules. With traditional Reactive Forms, keeping all these pieces connected usually requires layers of boilerplate, custom abstractions and glue code.
What if you could describe what a field requires, and let Signal Forms take care of the rest?
In this fast-paced, one-hour live-coding session, we will explore how Angular Signal Forms helps us eliminate repetitive code using simple, reusable building blocks. Rather than inventing another forms framework, we will take advantage of the capabilities already built into Signal Forms to connect validation, presentation and behavior in ways that were previously difficult to achieve. The result? Less boilerplate, fewer inconsistencies, and forms that are easier to develop, change and maintain.
Who it's for
Angular developers, tech leads and architects who work with complex or form-heavy applications and want to see how Signal Forms can simplify their everyday work. No prior experience with Signal Forms is required; the focus is on practical patterns and the problems they solve.
One hour. Live coding.
From repeated code
to one source of truth.
We start from the boilerplate every form-heavy app accumulates, then build three reusable blocks that let Signal Forms carry the rules into the UI for us.
Stop Writing Boilerplate- 01
The boilerplate problem
What adding one field really costs today, and where Signal Forms already knows what we keep repeating.
- 02
Reusable field wrappers
A component that wraps any field and renders the label, required indicator, errors and hints straight from the field's rules.
- 03
Reusable custom controls
Application-specific controls that plug into Signal Forms with full access to validation state and requirements.
- 04
Reusable validation rules
Common and domain-specific logic as composable schema functions, shared across forms without duplication.
- 05
Putting it together and Q&A
The same schema applied to several fields, one change propagating everywhere, and your questions.
Meet your host
Kobi Hari
Software architect · Angular consultant and instructor · Udemy instructor
Kobi Hari is a software architect, Angular consultant and instructor with over 30 years of experience in frontend development. Throughout his career he has combined hands-on software development with teaching, mentoring and helping development teams understand not only how technologies work, but how to think about them.
For the past 12 years Kobi has also taught at John Bryce College, delivered seminars and workshops, and spoken at meetups and conferences. Today he creates in-depth Angular courses taken by thousands of developers worldwide and helps professional teams master modern Angular, signals, reusable component architecture and reactive programming.
Good to know
Before you join.
Is the workshop free?
Yes, completely. There is no fee and you do not need a conference ticket. Just register with your e-mail.
What will we build?
Three reusable building blocks for Angular Signal Forms: a field wrapper that renders labels, required marks, errors and hints from the field's rules; custom controls that expose validation state; and composable validation schemas shared across forms.
Do I need to know Signal Forms already?
No. The session focuses on practical patterns and the problems they solve. Familiarity with Angular and TypeScript is enough.
Who is it for?
Angular developers, tech leads and architects who work with complex or form-heavy applications and want to reduce boilerplate and inconsistencies.
When does it take place?
The workshop takes place on Friday, 6 November 2026 at 18:00 CET (Europe/Warsaw). The live session lasts one hour.
How do I join?
Register with your e-mail in the form above. You will receive the link to the live session by e-mail, plus a reminder before we start.
Ready? Free
Save your free seat for Friday, 6 November.
Takes 10 seconds. You only need an e-mail address.
Save my free seat