Architecture of Angular Forms — Dmytro Mezhenskyi, Google Developer Expert

During this talk, we will dive into the source code of the Angular Forms modules and learn how they are designed under the hood and how this knowledge can help you develop forms more efficiently and consciously.

Speaker:
Dmytro Mezhenskyi is the founder of the Decoded Frontend YouTube channel, where he shares his knowledge about the Angular framework. As an author, he has created a series of advanced video courses focusing on Angular and GraphQL. With over 10 years of experience in frontend development and as an active community member, Dmytro has been recognized as a Google Developer Expert in Angular and a Microsoft MVP in Web Development. Currently, he is dedicated to teaching, aiming to help developers worldwide improve their skills in Angular.

******

Timestamps:
0:00 - Introduction
01:03 - Questions for viewers
3:12 - Who is Dmytro Mezhenskyi?
3:42 - Model - core building block
6:41 - Connecting model with native controls
11:21 - Model and control synchronization - ValueAccessor
16:55 - How ValueAccessor works?
24:19 - Controls group
30:09 - NgControl abstraction
33:38 - ControlContainer abstraction
33:43 - Q&A

Follow:
➡ Angular Love

➡ House of Angular

#angular #angulartutorials #angularbestpractices

[haroldpepete]

Dmytro is one of the master i preffer the most, thanks

[aleksandrm]

Thanks Dmytro, your courses and explanations are brilliant

[tolojanaharypatrickandre]

Thanks for this wonderful tutorial Dmytro. I'm curious, how angular was able to apply the ngForm directive implicitely on the <form> tag (for template driven form) ? How can we achieve this with real world example to avoid redundant directive in mutliple places ?

[abboss.b]

Is there ant way to make angular forms declarative?

[igorring]

Dmytro, thank you for your insightful explanation regarding the synchronization of values and states between the native control and the model. I found the discussion very helpful, but I would appreciate it if you could clarify what you mean by "model" in this context.

Are you referring specifically to the relation between the template (HTML) and the component logic (TypeScript file)? For instance, the property or state in the .ts file that's bound to the control in the template? Or are you focusing on the data representation within Angular's Forms API, such as FormControl or ngModel?

I want to ensure I fully understand your perspective.

Thank you for your time and help!

[DemystifyFrontend]

Yes its awesome to deep dive into angular forms codebase, I tried recreating it