Handling Angular 2+ Forms Without Losing Your Sanity
Submitted by Jennifer Wadella (@jenniferwadella) on Tuesday, 22 May 2018
Technical level: Intermediate
“Why’d you have to go and make things so complicated?” - Avril Lavigne, implementing Angular 2 forms in 2018
Forms are such a basic part of web applications; how did they get so complicated? This talk will walk through Angular 2+ template driven vs. reactive forms and use cases for their implementation, basic & more complex form-validation, & custom component implementations like typeahead and date-pickers. This talk will also include some useful workarounds for those more complex PITA requirements that always seem to pop up in projects.
10 min - intro + problem overview
10 min - explain template driven vs. reactive forms + use cases for each
10 min - form validation with examples including dynamic validation updating
10 min - custom component implentation examples with template driven and reactive forms
10 min - discuss current issues with validation/disabling fields + show work-arounds, helpful code snippets, and directives
10 min - summary slide + Q&A
Attendees can bring way to talk notes, but I also always make my slides + code samples available online.