Typed Forms in Angular

  Рет қаралды 55,667

Angular

Angular

2 жыл бұрын

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

Пікірлер: 43
@xucongzhan9151
@xucongzhan9151 2 жыл бұрын
I didn't expect it but I got more and more excited towards the end. Dang, this is a great improvement! Bravo~
@aj8__8
@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
@apprun
@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.
@jeffnikelson5824
@jeffnikelson5824 2 жыл бұрын
FINALLY MAN was waiting for this like 2 years Wasn't this always the intuitive way it should work
@brainoverflow06
@brainoverflow06 8 ай бұрын
exactly!
@ProBloggerWorld
@ProBloggerWorld 2 жыл бұрын
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.
@hansschenker
@hansschenker 2 жыл бұрын
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
@zo9fg 2 жыл бұрын
How does someone new learn how to use rxjs in angular?
@alexandrtcacenco8129
@alexandrtcacenco8129 Жыл бұрын
@@zo9fg how about taking an rxjs course?
@ki9wi
@ki9wi Жыл бұрын
@@alexandrtcacenco8129 that is logical
@MrArdo-branch-main
@MrArdo-branch-main 2 жыл бұрын
Niceeee thank you again Angular teams 💯🔥
@kass160
@kass160 2 жыл бұрын
Great job Angular team!
@divv8079
@divv8079 2 жыл бұрын
Well done 👏
@EwaldDieser
@EwaldDieser 2 жыл бұрын
Great introduction!
@abdulsalaamkhan9431
@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
@SirWilliamWalker
@SirWilliamWalker 2 жыл бұрын
This is great!
@joeng5999
@joeng5999 2 жыл бұрын
Love it♥️
@Double_T_G
@Double_T_G Жыл бұрын
I see no downside to this other than having to go back and update old code ofc lol. Good job!
@mahendranath2504
@mahendranath2504 8 ай бұрын
Thank you so much
@Angular
@Angular 8 ай бұрын
No problem :)
@aram5642
@aram5642 6 ай бұрын
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.
@RobertKing
@RobertKing 2 жыл бұрын
Awesome
@amartunio3588
@amartunio3588 Жыл бұрын
Respect bro
@muhammadtariq8323
@muhammadtariq8323 2 жыл бұрын
Great. But how to focus form-control via code?
@subhajitmoyra6275
@subhajitmoyra6275 Жыл бұрын
thank u
@michelangelol.kapunan2596
@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
@rajastylez Жыл бұрын
I am such a nerd because I got impressed by this haha
@Rahul-rk6pn
@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
@Kems_live 2 жыл бұрын
no link in description...
@Angular
@Angular 2 жыл бұрын
Ah, thanks for catching that one - we've updated the description. Here's the link - angular.io/guide/typed-forms
@CarlosHerasme
@CarlosHerasme 8 ай бұрын
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; }
@theobellash6440
@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
@CarlosHerasme 9 ай бұрын
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
@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
@mannejaiswal4987 Жыл бұрын
Let's make soft!
@prep-pafheadmistress9844
@prep-pafheadmistress9844 Жыл бұрын
ong
@fareedkhanikor1835
@fareedkhanikor1835 Жыл бұрын
ONG
@prashantbaisoya1497
@prashantbaisoya1497 Жыл бұрын
I accidentally deleted the channel rack. I’m lost
@faceupanddown
@faceupanddown 2 жыл бұрын
No.Access.Modifiers. Lost me.
@nsubugakasozi7101
@nsubugakasozi7101 2 жыл бұрын
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
@BenjaminLeeds Жыл бұрын
I don't think the Angular team is targeting basic functionality.
@viniciusbernardo2112
@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
@Fyasco_AlanChoufa 2 жыл бұрын
FormGroup.control.name ?? I Always thought it was deprecated and use formGroup.get('name')... Great feature anyway :)
Introduction to Internationalization in Angular
13:04
Angular
Рет қаралды 121 М.
💥 Angular TYPED Forms: Are You Using Them Correctly? #angular
12:08
Angular University
Рет қаралды 3,4 М.
Идеально повторил? Хотите вторую часть?
00:13
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 13 МЛН
WORLD'S SHORTEST WOMAN
00:58
Stokes Twins
Рет қаралды 136 МЛН
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 33 МЛН
Angular Reactive Forms - All Needed Use Cases
15:55
Monsterlessons Academy
Рет қаралды 29 М.
Reactive Form Validation in Angular: Mastering Best Practices
13:08
Monsterlessons Academy
Рет қаралды 4,4 М.
Angular vs React in 2024 - Make a RIGHT Choice (Difference Explained)
9:51
Daniel Dan | Tech & Data
Рет қаралды 44 М.
Getting started with typed reactive forms in Angular
18:43
Google Open Source
Рет қаралды 4,2 М.
More updates from the Angularv17
4:37
Angular
Рет қаралды 16 М.
ngTemplateOutlet is WAY more useful than I realised
16:36
Joshua Morony
Рет қаралды 74 М.
Angular 18 is EXACTLY what we needed
9:15
Academind
Рет қаралды 70 М.
8 TypeScript Tips To Expand Your Mind (and improve your code)
10:54
What's new in Angular
39:19
Chrome for Developers
Рет қаралды 22 М.
THE FLOOR IS LAVA 🌋🔥! Blippi Watch Out! #blippi #shorts
0:55
Blippi - Educational Videos for Kids
Рет қаралды 26 МЛН
Маленький кролик-курица
1:00
КиноАнгар
Рет қаралды 1,7 МЛН
MAGIC FINGER TRICK TUTORIAL 😱😳
0:11
Milaad K
Рет қаралды 17 МЛН