Тёмный
No video :(

Reactive Forms - The Basics 

Fireship
Подписаться 3,3 млн
Просмотров 256 тыс.
50% 1

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 221   
@Fireship
@Fireship 6 лет назад
Forms are the core feature of many apps. Being skilled with reactive forms should be a high priority for virtually all Angular developers. I hope this video helps solidify the core principles :)
@leonardocoutinho8469
@leonardocoutinho8469 6 лет назад
Hi, do you have a complete couse of angular and firebase ? If you have please send me the link.
@matthiaskublbock9149
@matthiaskublbock9149 6 лет назад
God, I really love your videos. As a beginner Angular developer, these videos really help me out a lot. Please don't stop making such videos you don't even know how many people you help out with this :)
@Fireship
@Fireship 6 лет назад
Great to hear that, I really want to build a comprehensive collection of videos like this one.
@sifo_io
@sifo_io 2 года назад
@@Fireship Suup fireship Im coming from the future to say thank you!
@gunitakon
@gunitakon 6 лет назад
I once had to redo an Angular app's core form from scratch. Initially I had very fuzzy understanding of reactive forms, but the second time when I had to redo it, I had a much clearer idea, and was able to restructure it much better, however, I absolutely love watching these The Basics series because it really clears some very basic stuff that'll make you realize there's a better way. Looking forward to more of The Basics. Especially the dynamic forms.
@akmalnawfer970
@akmalnawfer970 5 лет назад
first of all I didn't think you could cover this much in reactive forms in just 16 mins. kudos awesome video
@jorgeriveramx
@jorgeriveramx 3 года назад
This is easily the most awesome coding channel that there is in youtube. Thanks a lot for your work
@ekings2119
@ekings2119 2 года назад
(No sarcasm) I appreciate how your videos assume we are competent enough developers that don't need every single thing spoon fed. Thanks for your concise approach to teaching.
@malikalimoekhamedov2468
@malikalimoekhamedov2468 5 лет назад
Best video on Angular / Firebase / Material reactive forms out there. Great job, as always!
@alexeyshlyk6577
@alexeyshlyk6577 6 лет назад
It's hard for me to express my thoughts in English, but I understand you. I'm glad that there are people who love these technologies like me.
@kapilkushwaha5055
@kapilkushwaha5055 6 лет назад
And here is the video, that i was looking for: Complex Reactive Forms
@kyranmoore1132
@kyranmoore1132 6 лет назад
Thanks for another great video Jeff! It's great to see quality content so regularly!
@benjaminjameswaller
@benjaminjameswaller 6 лет назад
Hey Jeff. Awesome tutorial of reactive form basics. Thanks for listening and keep the beginner lessons coming as this is exactly what I need. 😙☺️ Great work.
@Fireship
@Fireship 6 лет назад
WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
@mizz6186
@mizz6186 6 лет назад
Hi Jeff, Thanks for sharing these useful vids. It might be a good idea to add this and the previous videos on basics to a basics playlist. Thanks!
@Fireship
@Fireship 6 лет назад
Thank you, yes I really need to update my playlists.
@jtpoltorak
@jtpoltorak 4 года назад
One of the best tutorials on reactive forms, excellent job 👍
@true_visual
@true_visual Год назад
I really REALLY love the intro music, it's so relaxing for coding, please share whenever you feel relaxed and confident to do so! (no rly, share coz I'm dying for this music track)
@reddyashok9
@reddyashok9 6 лет назад
I always have big smile when I receive notification form your channel this video is ASM...
@Fireship
@Fireship 6 лет назад
Great to hear that :)
@edwardrouth
@edwardrouth 4 года назад
Got sei dank.. !!! Spent almost 4 hours to work around how i can use form builder and do validation for every field separately as i am new in Angular Development. At last your video.. was a relief !! Thanks a lot. It would be totally injustice if i dont LIKE and SUBSCRIBE. So here.. I just LIKED AND SUBSCRIBED... All the best for your future videos.
@smaddiona
@smaddiona 3 года назад
is there a mini version of you to get out from a pocket whenever i need your immense knowledge? geez you are smart
@samueloladimejibello6155
@samueloladimejibello6155 6 лет назад
I've been searching a solution to my problem for close to 3 weeks now. I've a problem of submitting my values in the form and as well making my email test if it's wrong with the form validation in angular material. I'm glad you made this video.. Like God sent you to send this video because of me. I'm grateful Angular Firebase.. I also look forward to my cap please 😊
@Fireship
@Fireship 6 лет назад
Thank you for this comment. I've run into these issues myself and I like to share my favorite solutions.
@mhafeez
@mhafeez 5 лет назад
Super fast and super simple explanation. Thanks so much.
@phillachmann3552
@phillachmann3552 6 лет назад
I love the format of your videos. Concise, direct and very informative.
@ilgamgabdullin
@ilgamgabdullin 6 лет назад
Well done ! Your tuts helped me to get a job as a front end developer, thank you!
@NirdeshM
@NirdeshM 4 года назад
Simple and straight forward explanation.
@firaskudsy
@firaskudsy 6 лет назад
Thanks .. as expected .. always bring a great tutorial
@PROFjavi
@PROFjavi 6 лет назад
Needed this tutorial right now and I am glad this info is coming from you. Great presentation per usual.
@rubenheymans1988
@rubenheymans1988 6 лет назад
Thanks again! Just what I needed
@nhan1503
@nhan1503 5 лет назад
Thank you so much. I'm starting to work with Angular 7 and your videos about Angular have saved me tremendous amount of time. Subscribed , keep up with great contents like this!
@jorgerenteral
@jorgerenteral 6 лет назад
Awesome work man, saved me a lot of hours reading the vast info on the NG Docs
@michaelffasd23
@michaelffasd23 6 лет назад
Great video! Forms are essential to learn in Angular.
@ajanieniola9172
@ajanieniola9172 6 лет назад
This video is wonderful thanks for taking your time to make it
@Fireship
@Fireship 6 лет назад
Thanks for watching, appreciate the feedback :)
@AmosWachangaW
@AmosWachangaW 6 лет назад
Very good summary!
@mateja176
@mateja176 6 лет назад
Reactive forms, sublime choice for the second video!
@Fireship
@Fireship 6 лет назад
WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
@beatrix70
@beatrix70 2 года назад
Super pact video, took me like an hour but it was worth it! Awesome tutorial
@flakky1
@flakky1 6 лет назад
Great as always Jeff, if possible please do some more basic tutorials with firestore, specifically how to create custom query with load more button, i know you have 2 tutorials with infinite scroll, which can be used as a starting point, but it has some weird behavior if switching routes. Thanks for sharing knowledge, i learn alot from your videos.
@Fireship
@Fireship 6 лет назад
Great to hear that :) My next pro video will cover Firestore with Reactive Forms, but have a ton of other Firestore stuff planned
@filip.janevski
@filip.janevski 6 лет назад
Thanks ! This helped me so much.
@mnc12004
@mnc12004 6 лет назад
Love it! I've been using a mixture of Material and Bulma but I think I will just change it all back to Material. Thanks loads for all of your work Jeff.
@tkd5041
@tkd5041 6 лет назад
Just what I needed! Thanks!
@Fireship
@Fireship 6 лет назад
Nice! Forms are critical for many
@Hasperbach
@Hasperbach 6 лет назад
Very usefull information in combination with a professional presentation. 10 Points!
@saisiddhartha7100
@saisiddhartha7100 4 года назад
epic explanation brother! Absolutely no crap. Loved it
@SarShaGaming
@SarShaGaming 6 лет назад
Thanks. Been looking for up to date reactive forms basics.
@Josa192
@Josa192 3 года назад
It helped me a lot. Thanks!
@alexandernikandrov6
@alexandernikandrov6 6 лет назад
Good video = short and clear. Thanks!
@YassineSABRI00
@YassineSABRI00 6 лет назад
Thank you for the great job man
@narendratalreja2573
@narendratalreja2573 6 лет назад
Thanks a ton for sharing this useful learning material.
@zoecarlibur
@zoecarlibur 6 лет назад
Awesome video as always, Might be nice to cover ControlValueAccessor in Angular forms.
@johnniestang
@johnniestang 3 года назад
Great and informative. Keep them coming.
@SandeshUttarwar33
@SandeshUttarwar33 6 лет назад
Much needed this video
@carrillocarlosce
@carrillocarlosce 6 лет назад
Thanks man,
@Fireship
@Fireship 6 лет назад
Thank you. It's hard work, but fun!
@KanavMalik20
@KanavMalik20 6 лет назад
Just love the work you are doing!!
@roland0012
@roland0012 6 лет назад
Great video, keep it up!
@MZ-uv3sr
@MZ-uv3sr 3 года назад
Now I need to figure out custom validators, and why and when I need an async one I love this video. One thing...the music starts a bit too soon before it's really done and is kind of distracting.
@mohammedibrahimali2988
@mohammedibrahimali2988 6 лет назад
Thanks dude, you making good videos. It would help for most of the beginners, cheers :)
@yakovneumann2931
@yakovneumann2931 2 года назад
a beautiful explanation 😀
@Jagdish_Gund
@Jagdish_Gund 3 года назад
Just awesome.. very helpful
@DesuSudarsana
@DesuSudarsana 6 лет назад
I think this video become a good reference for beginner 👍🏻
@vikranthg5041
@vikranthg5041 6 лет назад
Wish you had some plunked or fiddle examples thanks for the explanation
@romebop
@romebop 6 лет назад
Thanks a bunch for this video! it was super helpful :3
@ale_lunalili
@ale_lunalili 6 лет назад
Great video, thanks.
@Fireship
@Fireship 6 лет назад
+Maria thanks for watching :)
@Kabatemasmusic
@Kabatemasmusic 4 года назад
When you show us the nested forms, then editing the cellphone also edits the homephone datamodel and vice versa... How to fix that?
@mpamparimpampatzi5374
@mpamparimpampatzi5374 3 года назад
my problem exactly
@romanroman9638
@romanroman9638 3 года назад
I'm repeating after the video. How can I handle this error: error TS2564: Property 'myForm' has no initializer and is not definitely assigned in the constructor. ?
@kuna_dev
@kuna_dev 6 лет назад
Keep it up and thanks for the great content
@ancutamorarasu7614
@ancutamorarasu7614 4 года назад
Awesome content! It really helped me, thanks!
@hsuyuanjui
@hsuyuanjui 6 лет назад
Thanks for ur video. Very helpful.
@ebayjurgen
@ebayjurgen 6 лет назад
Great stuff! I was looking for this.
@wes443
@wes443 6 лет назад
has a video been done on project structure? like what goes into core and shared modules and just the best practices for structuring an angular application
@supercompooper
@supercompooper 5 лет назад
This is insane and has to improve. It's far to hard to handle what is a very common pattern. We should instead be describing our form once, and the goal we want to achieve, and have a form generator. This has hundreds of places where a human can make a mistake or miss some edge case.
@nikhiltalwar318
@nikhiltalwar318 6 лет назад
aah much needed video! Thanks
@elamia6515
@elamia6515 5 лет назад
Great video, thanks a lot!
@musician9470
@musician9470 Год назад
Any tips on how to effectively create getters for forms?
@dvselva
@dvselva 6 лет назад
Very useful. Thanks so much
@yarikks1862
@yarikks1862 4 года назад
Thank you for your videos. There are very informative. And, good luck:)
@TysonGill
@TysonGill 4 года назад
you are doing great!! keep up the good work
@ronitmishra8917
@ronitmishra8917 5 лет назад
I really dig your content, and I genuinely find your spot to be an awesome place to learn. Though this comment is merely for the hat!
@Fireship
@Fireship 5 лет назад
Thanks, a little late for the hat tho. Check out the latest video on the channel for a chance to win some swag :)
@ronitmishra8917
@ronitmishra8917 5 лет назад
Damn, I was still learning Reactive forms when your reply popped up. You're really fast, Mr. Flash! Anyways, I'll be tuned in for your latest uploads. I get every thing I want to learn from your channel regarding Angular. So I'll be here only. You can consider me your loyal subject.
@PeterSotosEPT
@PeterSotosEPT 6 лет назад
Can you show an example where the nested form is a complex custom component with its own form?
@PeterSotosEPT
@PeterSotosEPT 5 лет назад
I figured it out with some help. here is an example: github.com/psotos/AngularFormContainerProblem
@Matthew-tl2ng
@Matthew-tl2ng 4 года назад
Have you ever seen Billy Madison when he is trying to learn Spanish right before the big contest? That is how I feel watching your videos lol. I will just set it to 3/4 speed in the future.
@ksummersill
@ksummersill 6 лет назад
Awesome! Loved the video. Note: I get a timestamp error now with Firestore. I have to resolve it by adding in this afs.firestore.settings({ timestampsInSnapshots: true } within the constructor.
@rajaera
@rajaera 4 года назад
This is awesome , Thank you!
@naga2054
@naga2054 6 лет назад
Thanks for awesome content.
@berdenpaul
@berdenpaul 6 лет назад
Awesome as always!
@vik8860
@vik8860 3 года назад
How can I make sure that the validator is not taking effect until i click off of the input feild?
@dule605
@dule605 5 лет назад
Did you ever think about making a complete angular tutorial on udemy? Because that would be great and it would help us juniors alot. Thank's in advance
@jamesfooks1487
@jamesfooks1487 6 лет назад
great work as always, keep it up.
@theunisdk
@theunisdk 6 лет назад
Your tutorials are amazing. And I am not just saying that because of a free hat. They really are. #IdoWantAHatThough
@Fireship
@Fireship 6 лет назад
WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
@sample1801
@sample1801 2 года назад
Hey fireship ! This video is great ! But what's the angular version is this ??
@jorgeriveramx
@jorgeriveramx 3 года назад
Is there any reason to create the form in the ngOnInit life-cycle hook instead of the constructor? I ask because I've seen other tutorials where they do it in the constructor.
@arihasan3423
@arihasan3423 5 лет назад
Great video, and also I loved how quickly you showed the code without needing to type. I know ur using VSCODE, but what plugin do you use to insert the code, snippet?
@xucongzhan9151
@xucongzhan9151 5 лет назад
Clear and concise, really helpful! Thank you so much!
@pgc1721
@pgc1721 3 года назад
Hi Thank you very much. What's Angular icon theme you are using ? Please let me know. Thanks
@jessyndaya9487
@jessyndaya9487 6 лет назад
keep calm, we love it!!!! :)
@danielzaiser
@danielzaiser 3 года назад
what is the benefit of angular material compared to regular NgForm??
@janisbrivvirs2528
@janisbrivvirs2528 6 лет назад
I am using angular for two years but never used a nested forms... :))
@Fireship
@Fireship 6 лет назад
You're a lucky one then ;)
@janisbrivvirs2528
@janisbrivvirs2528 6 лет назад
Don't think so... Combining multiple independent forms is an overkill compare to nested solution :D
@jseh_
@jseh_ 5 лет назад
simple and clean explanation xd
@barmetler
@barmetler 4 года назад
What do you guys think of angular material? In my opinion, it's kinda annoying that you have to essentially fight against their css, sometimes requiring very specific selectors of !important. I feel like it's intended for people that just want to slap some components into their html and not adjust anything but colour and stuff... For me, I actually prefer just implementing the styling from scratch, with normal html elements, depending on how I want things to look... Maybe I'm doing something wrong though and there's a way to raise the priority of your custom css file for a component, if that's even a thing Edit: order of loading css files doesn't help, since their selectors are very specific and their style sometimes even uses !important
@Isylhdin
@Isylhdin 6 лет назад
Love your videos !
@Aave_tools
@Aave_tools 5 лет назад
tanks a lot for this video !
@TheBlader55
@TheBlader55 6 лет назад
I love you. Keep making this videos!!
@BytesAndBrackets
@BytesAndBrackets 6 лет назад
Great learning
@Blixzful
@Blixzful 6 лет назад
Good work! What did you use the tap and first rxjs operators for? Can you also provide a video for a use case, where you have to use ngModel two way binding (f.ex to handle Promise rest API data calls)? Cheers Jeff!
@Fireship
@Fireship 6 лет назад
Good catch, I was going to use tap and first for preloading data into the form, but ran out of time. I will cover that in my next pro video about "Advanced Form Techniques with Firestore"
@LarsKniep
@LarsKniep 6 лет назад
Hi thanks ! could you make a video about reactive forms with formgroups which are in seperate components but together form a combined formgroup. (so with basically one submit button)
@Fireship
@Fireship 6 лет назад
Maybe I could put together a snippet. They need to share the same parent formGroup, so you would pass them around with `@Input` or a shared service.
@LarsKniep
@LarsKniep 6 лет назад
I think '@Input() formGroup' gives trouble with OnPush changedetection though. I'm still figuring out what is the best way to do it.
@alanlal5625
@alanlal5625 6 лет назад
Where should I be using the template driven forms ? Is the reactive forms always the better one to use ?
@Fireship
@Fireship 6 лет назад
Template forms are useful for very small forms that don't need validation bc they are easy to setup. Anything beyond simple should be reactive IMO.
@ImperiumLibertas
@ImperiumLibertas 6 лет назад
Superb content!
Далее
Angular Components Beginner's Guide
13:52
Просмотров 184 тыс.
Building Forms in Angular Apps | Mosh
25:04
Просмотров 418 тыс.
C’est qui le plus fort 😂
00:18
Просмотров 3,4 млн
Angular Reactive Forms - All Needed Use Cases
15:55
Просмотров 30 тыс.
JavaScript Pro Tips - Code This, NOT That
12:37
Просмотров 2,5 млн
RxJS Quick Start with Practical Examples
15:33
Просмотров 228 тыс.
Angular Forms: Build Dynamic Complex Forms Easily
19:31
The Async Await Episode I Promised
12:04
Просмотров 1,1 млн
TypeScript - The Basics
12:01
Просмотров 1,5 млн
How to Make Forms in Angular REUSABLE (Advanced, 2023)
21:10
Angular CLI - The Basics
10:50
Просмотров 63 тыс.
What’s new in Angular v18
20:08
Просмотров 117 тыс.