Let's build a form around it

on YouTube ↗31m

" summary

Shows concrete Angular Reactive Forms techniques: uses FormControl / FormGroup / FormArray, the FormBuilder, and the valueChanges observable to implement live features like a 280‑char Twitter counter and disabling submit until valid. Demonstrates group‑level and custom validators (sync and an async validator that calls zippopotam us and failed live), CSS state hooks (ng‑invalid), and a password‑match example. Code links and demos are available so the exact validators, API calls, and whether the ZIP lookup succeeded are reproducible.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 8:52Focus Only on What I'M Currently Doing
3. 14:13Reactive Forms
4. 15:51The Building Blocks
5. 16:41Form Control
6. 18:50Form Builder
7. 23:52Css Hooks
8. 28:03Custom Async Validator

" related talks

• 35mLet's Build a Form Around ItSani Yusuf · ComponentsConf 2019
• 20mLet’s Build A Form Around ItSani Yusuf · NGConf 2018
• 01h 49mReactive Forms DemistifiedSani Yusuf, Katerina Skroumpelou · ng-conf 2019
• 36mUnleash the Power of Angular Reactive FormNir Kaufman · AngularUP 2017
• 28mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NG-DE Conference 2019
• 43mAngular Reactive Forms - Developing Forms and Validation with AngularFabian Gosebrink · Voxxed Days Zürich 2022
• 29mUnleash the power of Angular Reactive FormsNir Kaufman · JSHeroes 2017
• 48mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NDC Sydney 2019