Introduction to Signal Forms – Fanis Prodromou – Google Developer Expert

Angular Signal Forms are one of the most anticipated features in modern Angular development. In this talk, GDE Fanis Prodromou gives you a complete, early deep-dive into how they work. From the core mental model to real, practical implementations, you'll learn how Signal Forms redefine form handling in Angular. Discover how they improve developer experience and streamline state management. This session is your essential guide to understanding the next generation of forms in Angular.

Speaker:
Fanis Prodromou is a Senior Front-End Developer, a Google Developer Expert in Angular, and a Content Creator passionate about sharing his knowledge and helping other developers. He has developed vast experience in code quality, application architecture, and application performance and is always looking for new ways to improve the development process. Fanis is also a strong advocate for staying up to date with the latest technologies and regularly attends conferences and meetups to learn from other experts.

Want to know more about the core feature of Angular 21, Signal Forms?
👉 Check out this Signal Forms Workshop led by GDE Mateusz Stefańczyk, designed to help you catch up painlessly! // https://tiny.pl/6_1m1566

🕒 Timestamps:
0:00 – Intro, speaker & experimental status of Signal Forms
1:58 – Setup: using --next, plan (login, register, big contract form)
3:30 – Login form: model as writable signal + form() + field directive
5:47 – Validators & state: schema(), required/email, errors, touched/invalid
12:49 – Submit(): validated handler, async HTTP, form-level error, submitting flag
16:20 – Registration: password/confirm, validate() & validateTree() for matching
22:13 – Country/state: conditional required + hidden() logic
24:52 – Schemas: separate files, reuse via schema(), apply(), applyEach() for arrays
28:38 – Large contract form: split into child components with path + fieldTree
33:19 – Custom controls: star rating with value + FormValueControl
35:55 – Q&A session

******

This talk is part of Autumn Camp (October 28th, 2025) hosted by Angular.love—a community for Angular developers. We organize meetups and share resources on our blog to create a space where developers can connect and learn.

Check out our meetup page (https://meetup.angular.love) to join future events and visit the Angular.love blog (https://angular.love) for more insights and resources.

Follow:
➡ Angular Love
Blog: https://www.angular.love/
Facebook: /   / www.angular.love  
LinkedIn: /   / angular-love  
Twitter: /   / angularlovepl  

➡ House of Angular
Official website: https://houseofangular.io/
Facebook: /   / houseofangular  
LinkedIn: /   / house-of-angular  
Twitter: /   / houseofangular  

#Angular #Angular21 #FrontendDevelopment