Complex Forms Build Character

on YouTube ↗18m

" summary

A Dungeons & Dragons character form is built in Angular using reactive forms with FormBuilder, moving repeated groups into a FormArray with custom Ability class that contains four form controls so nested logic lives in the class. Live templates speed scaffolding. An autosave uses a publish/subscribe service implemented with RxJS BehaviorSubject to patch saved state across components, and the demo shows the autosave working as refactoring preserves behavior.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:03The Abilities Form
3. 1:44Race Modifier
4. 5:28Ability Classes
5. 10:14The Publish / Subscribe Pattern
6. 14:24Publish / Subscribe Pattern
7. 16:08Takeaways
8. 17:13Github Repository

" related talks

• 20mFormControl Freaks: Redux EditionDaniel Figueiredo Caetano, Renee Vrantsidis · ng-conf 2017
• 48mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NDC Sydney 2019
• 46mAngular's Reactive FormsTodd Motto · NG-NL 2017
• 35mLet's Build a Form Around ItSani Yusuf · ComponentsConf 2019
• 31mEnterprise Grade Angular Reactive FormsJuri Strumpflohner · NG-BE 2019
• 28mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NG-DE Conference 2019
• 29mUnleash the power of Angular Reactive FormsNir Kaufman · JSHeroes 2017
• 29mAngular 2 Forms, the hero we need but not the one we deserveTodd Motto · NG-BE 2016