Element Modifiers: Under the Hood
summary
Explains glimmer as a compile/runtime VM, shows the modifier manager lifecycle, and demonstrates the high level modifier API modifier(element, positionalArgs, namedArgs) and cleanup return function. Installs ember modifiers package, attaches mouseover/mouseout listeners with a timer, and implements an accessibility hack that keeps a dropdown open for 0.8 seconds (demo rebuild fixes registration) proving the approach works and identifying where to debug deeper.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 4:10My Mental Model
- 6:00Three Abs
- 9:35Glimmer
- 12:42Glimmer Mental Model
- 13:49Element Modifiers
- 16:04Modifier Manager
- 17:29Modifier Function
- 19:30Business Requirements
- 20:00Accessibility
- 21:54User Story
- 22:30Demo
related talks
24mNew to Ember: What ARE All These Things?
20m{{should-avoid this.renderModifiers butHow=true}}
48mInside Glimmer: What Makes Ember's Rendering Engine Tick
19mCreate a modern Ember form manager addon
58mOpening Keynote
36mMiniTalks
32mAn Animated Guide to Ember Internals
51mA Glimmer of Hope: Creating Modern Web Components with Glimmer