Create a modern Ember form manager addon

on YouTube ↗19m

" summary

Creates a headless Ember v2 addon called formidable that registers inputs via a modifier and yields an API for register, validate, and submit; uses ember-modifiers, Glint single-file components, TypeScript, tracked-built-ins (trackObject) and ember-concurrency for async validate/submit. Solves pnpm workspace dependency conflicts with overrides, adds Ember template-imports for GTS, and publishes a beta that validates on submit, formats/parses values, and currently works though live-reload is not implemented.

AI-written summary · about

" chapters (12)

1. 0:00Introduction and motivation
2. 2:07Form manager requirements
3. 3:54Introducing Formidable addon
4. 5:20Setting up Ember addon V2
5. 8:42Dependency conflicts and solutions
6. 10:30Configuring Glint and GTS
7. 11:54Building the headless component
8. 13:40Using modifiers for flexibility
9. 14:44Testing with Glint improvements
10. 16:09Documentation with TypeScript
11. 16:32Live demo of Formidable
12. 18:22Future plans and conclusion

" related talks

• 30mMastering the Art of FormsDanielle Adams · EmberConf 2018
• 27mMastering the Art of FormsDanielle Adams · EmberFest 2018
• 33mElement Modifiers: Under the HoodJai Bhagat · EmberConf 2022
• 01h 01mThe Future of EmberEdward Faulkner, Melanie Sumner, Chris Manson, Chris Krycho · EmberFest 2022
• 59mEmber 2.0: Out-of-the-Box ProductivityTom Dale · Philly ETE 2015
• 33mConfessions of an Ember Addon AuthorLauren Tan · EmberConf 2017
• 24mNew to Ember: What ARE All These Things?Jennifer Wong · EmberConf 2019
• 29mBuilding Custom Apps with Ember CLIBrittany Storoz · EmberConf 2015