Typed Forms in Angular

Hi friends 👋!
Welcome to another new video all where we're talking about Typed Forms in Angular. Our very own Dylan Hunn shares the details! Are you already using Typed Forms in your applications? Let us know in the comments down below.
Typed Forms Guide
angular.io/guide/typed-forms
Join the conversation online:
Angular Twitter → / angular

[@xucongzhan9151]

I didn't expect it but I got more and more excited towards the end. Dang, this is a great improvement! Bravo~

[@apprun]

Nice typing improvements. Great type checker and more robust models in future. Nice work guys. I'm excited to see some dynamic, union types examples. Thank you again.

[@LesserKnownAJ]

this is amazing, it might be slightly annoying to go back and modify the old code but the benefits are huge and good thing we can do it on our own pace without braking old code

[@jeffnikelson5824]

FINALLY MAN was waiting for this like 2 years
Wasn't this always the intuitive way it should work

[@brainoverflow06]

exactly!

[@MrArdo-branch-main]

Niceeee thank you again Angular teams 💯🔥

[@kass160]

Great job Angular team!

[@ProBloggerWorld]

Angular Forms are just awesome, even the old way. We are a very heavy user of forms in the frontend, be is template driven, reactive, and dynamically. On average our 100+ apps feature roughly 120 form fields.

[@abdulsalaamkhan9431]

TNice tutorials is absolutly the best video of the world you expaining skills are good and it was a honor to see tNice tutorials vid well done

[@hansschenker]

Typescript and RxJs are the ways to move forward. Typed Forms is totally based on Typescript! I would like to see the same approach with RxJs being more used in Angular!

[@zo9fg]

How does someone new learn how to use rxjs in angular?

[@alexandrtcacenco8129]

@@zo9fg how about taking an rxjs course?

[@ki9wi]

@@alexandrtcacenco8129 that is logical

[@SirWilliamWalker]

This is great!

[@EwaldDieser]

Great introduction!

[@divv8079]

Well done 👏

[@joeng5999]

Love it♥️

[@aram5642]

I was excited at first when typed forms were released. But then I opted back to untyped forms I hope for a real reactive forms makeover that will make them more declarative.

[@Double_T_G]

I see no downside to this other than having to go back and update old code ofc lol. Good job!

[@mahendranath2504]

Thank you so much

[@Angular]

No problem :)

[@amartunio3588]

Respect bro

[@RobertKing]

Awesome

[@subhajitmoyra6275]

thank u

[@muhammadtariq8323]

Great. But how to focus form-control via code?

[@michelangelol.kapunan2596]

style I downloaded the demo to soft soft yesterday, and I'm going to learn from you to make my own stuff, and I wanted to leave tNice tutorials

[@rajastylez]

I am such a nerd because I got impressed by this haha

[@CarlosHerasme]

I liked a lot the idea, but I didn't like the implementation. It's too painful the idea to repeat myself to use strong type forms: the interface I'm using to send the request to the API, and exactly the same interface but using the form classes.
My opinion is this should work with the interface model: FormGroup; public interface Person { name: string; age: number }. And that's it.
For those struggling with it, this code could help some times (I'm not the one who wrote it, and I don't remember who did it, I'm sorry):
export type TypedForm = {
[K in keyof T]-?: T[K] extends Array
? FormArray
: T[K] extends Record
? FormGroup
: FormControl;
}

[@Rahul-rk6pn]

tNice tutorials actually was, and I'm just starting myself, I have no idea what I'm doing but I have a ton of ideas in my head. Ti to figure tNice tutorials out

[@Kems_live]

no link in description...

[@Angular]

Ah, thanks for catching that one - we've updated the description. Here's the link - angular.io/guide/typed-forms

[@theobellash6440]

You still have much to do in Angular/forms module. It’s so painful to build a form based on a typed model… why not implement a scaffolding function ?

[@CarlosHerasme]

Not only that, I think it should work with the interface and that's it. Something like: FormGroup.
I loved the idea, but I have my doubts about using it because the amount of code I need to write only to be "type safe".

[@moviesthataint5613]

and it softs like a normal honest opinion. I get that so of you are joking, but could you please let it be. I

[@mannejaiswal4987]

Let's make soft!

[@prep-pafheadmistress9844]

ong

[@fareedkhanikor1835]

ONG

[@prashantbaisoya1497]

I accidentally deleted the channel rack. I’m lost

[@faceupanddown]

No.Access.Modifiers.
Lost me.

[@MagicNumberArg]

12 major versions. It took you 12 major versions and 8 years to add this crucial feature...
P.S. When will your "compiler" stop needing whole 4GB of RAM to compile a basic app?

[@flogginga_dead_horse4022]

why didn't you PR it then ;)

[@nsubugakasozi7101]

Angular is still way too mambo jambo for very basic functionality. 14 versions and forms still suck. Just switch to svelte with typescript..or vue. This shouldn't be this complex...yuck. Binding forms to variables should be 5 seconds, not this. Angular reminds me of old java...alot of code to get a simple api up and running, yuck...

[@BenjaminLeeds]

I don't think the Angular team is targeting basic functionality.

[@viniciusbernardo2112]

As a dev that worked a lot with React too i have to disagree, angular is a god damn reference when you need to work with forms, It's simple, easy and basic... Docs are great, examples are complete and i like It a lot.

[@Fyasco_AlanChoufa]

FormGroup.control.name ?? I Always thought it was deprecated and use formGroup.get('name')... Great feature anyway :)