Safer Forms with Strict Types

on YouTube ↗17m

" summary

Angular v14 ships typed forms that push strict TypeScript through reactive forms: the library uses control types (not just value shapes), a non‑nullable option to avoid runtime nulls, and a new FormRecord for open keyed homogeneous groups. formBuilder gains a non‑nullable shortcut, dot get uses template literal types to parse string paths, and getRawValue preserves disabled fields. The feature is fully backwards compatible, an automatic migration runs on upgrade, and the implementation is proven by migration across Google codebases.

AI-written summary · about

" chapters (15)

1. 0:00Typed forms in Angular
2. 1:02Motivation for typed forms
3. 2:47Key benefits
4. 4:10Compile-time errors prevented
5. 5:13Value vs control types
6. 6:36Null values in controls
7. 7:59Disabled and optional controls
8. 9:04Optional keys in groups
9. 10:27Open-ended groups
10. 11:09Fallback to untyped
11. 11:50Typed form arrays
12. 12:11FormBuilder improvements
13. 13:35Dot get with template types
14. 15:20Future plans for safety
15. 16:45Conclusion

" related talks

• 43mAngular Reactive Forms - Developing Forms and Validation with AngularFabian Gosebrink · Voxxed Days Zürich 2022
• 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
• 21mComparing Angular FormsAlex Lakatos · NG-MY 2019
• 31mEnterprise Grade Angular Reactive FormsJuri Strumpflohner · NG-BE 2019
• 35mIndiana Jones and the Hidden Secrets of the Forms APIJennifer Wadella · DevReach 2023
• 47mReactive forms in AngularHardik Pithva · GDG DevFest Ahmedabad 2017