Typed Forms in Angular

[@xucongzhan9151]

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

[@aj8__8]

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

[@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

[@jeffnikelson5824]

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

[@brainoverflow06]

exactly!

[@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.

[@kass160]

Great job Angular team!

[@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

[@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.

[@MrArdo-branch-main]

Niceeee thank you again Angular teams 💯🔥

[@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.

[@Double_T_G]

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

[@divv8079]

Well done 👏

[@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

[@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; }

[@EwaldDieser]

Great introduction!

[@SirWilliamWalker]

This is great!

[@mahendranath2504]

Thank you so much

[@Angular]

No problem :)

[@joeng5999]

Love it♥️

[@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

[@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

[@amartunio3588]

Respect bro

[@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".

[@RobertKing]

Awesome

[@subhajitmoyra6275]

thank u

[@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

[@RajinderYadav]

2:39 why is he using type? when the norm is interface, type are legacy way and should be left in the past. This video is awful showing typed forms and I've been coding for 15 years.

[@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.

[@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 :)