Unleash the Power of Angular Reactive Form

on YouTube ↗36m

" summary

Live coding shows how to build Angular reactive forms end to end using Angular CLI, WebStorm and Bootstrap: create FormControl/FormGroup with FormBuilder and FormGroup, add sync validators and an async validator (4s timeout) calling a fake DB, register a custom validator via NG_VALIDATORS with forwardRef, and encapsulate a button-group as a form element by implementing ControlValueAccessor custom size component. All examples compile and run live, validators toggle valid/pending states, reset and submit produce JSON, and the custom control integrates with form state.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 5:00Demo
3. 8:00Creating a Form
4. 14:00Validation
5. 16:30Custom Validation
6. 19:50Sync Validation
7. 21:50Validation in Process
8. 26:42Validation Error
9. 29:07Code

" related talks

• 29mUnleash the power of Angular Reactive FormsNir Kaufman · JSHeroes 2017
• 35mLet's Build a Form Around ItSani Yusuf · ComponentsConf 2019
• 43mAngular Reactive Forms - Developing Forms and Validation with AngularFabian Gosebrink · Voxxed Days Zürich 2022
• 31mLet's build a form around itSani Yusaf · AngularConnect 2019
• 20mLet’s Build A Form Around ItSani Yusuf · NGConf 2018
• 48mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NDC Sydney 2019
• 28mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NG-DE Conference 2019
• 19mLightning Talks - Angular2+ Reactive FormsLyndsey Padget · NDC Minnesota 2018