Opening Keynote

on YouTube ↗32m

" summary

Creates reusable SVG components by pasting Illustrator/Sketch output directly into templates and wires interactivity with inline SVG animateTransform or by refactoring that element into a named component to keep templates concise. Root SVG accepts merged attributes via ...attributes so aria labels and arbitrary HTML attributes pass through. JavaScript uses native classes and a feature‑flagged @tracked decorator implementing AutoTrack so you no longer call set, no more @each dependencies, and the team bundles these changes as "Ember Octane" pending an RFC.

AI-written summary · about

" chapters (12)

1. 0:00Welcome and introduction
2. 1:07Future Ember app structure
3. 3:37SVG components for designers
4. 7:59Adding interactivity with animations
5. 10:26Glimmer components benefits
6. 12:38JavaScript side of components
7. 13:41Tracked properties introduction
8. 23:13Modern JavaScript features
9. 25:06Ember as a modern framework
10. 26:14Ember Octane and additions
11. 29:04Community growth and adoption
12. 31:29Future of Ember and closing

" related talks

• 38mAdvanced animation with CSS in HTML and SVG to improve UXÁngel Corral · FrontFest 2017
• 37mSVG Will Save UsSarah Drasner · #PerfMatters Conference 2019
• 42mSVGs in Drupal Frontends - Creating configurable blazing effectsMelinda Kovacs-Sztankovits, Francisco Jose Seva Mora · DrupalCon Amsterdam 2019
• 38mSVG can do that?!Sarah Drasner · Full Stack Fest 2017
• 16mKeynoteStephen Fluin · Framework Summit 2018
• 28mThe Future SoonRicardo Mendes · EmberFest 2023
• 32mRise above the FrameworkMike Hartington · JSCamp 2018
• 52mWeb Components Can Do That?Vincent Ogloblinsky · DevFest Lille 2019