Octane: A Paradigm shift in EmberJS

on YouTube ↗29m

" summary

Ember Octane promises concrete changes: native JavaScript classes replace Ember.Object, Glimmer components cut lifecycle surface from 13 hooks to two life cycle hooks and component properties from 29 to three, and tracked properties (via the glimmer-tracking library) replace many computed traps so getters auto-update. Templates use angle‑bracket invocation and named args, modifiers and decorators handle DOM behavior, code mods and migration guides exist, and removals include IE9/10 support—migration tooling aims to make the upgrade actually work.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 1:50Agenda
3. 3:47Conventional Configuration
4. 5:12Two-Way Bindings
5. 5:23Attribute Bindings
6. 7:39Template Scoping
7. 11:41Native Classes
8. 14:26Glimmer Components
9. 17:37Templating in Octane
10. 20:05Track Properties
11. 22:25Modifiers and Decorators
12. 23:43Decorators
13. 27:37Reference and Guides

" related talks

• 31mEmber Octane - Doing More With LessSuchita Doshi · RVA JavaScript Conf 2019
• 58mOpening KeynoteYehuda Katz, Tom Dale · EmberConf 2019
• 33mTyped Ember extends ConfidenceKrystan Huffmenne · EmberConf 2021
• 29mIdiomatic Ember, Sweet Spot of Performance and ProductivityLauren Tan · EmberConf 2016
• 01h 10mPanel: the future of EmberTom Dale, Edward Faulkner, Preston Sego, Chris Manson · EmberFest 2021
• 43mKeynote Part 1Yehuda Katz · EmberConf 2022
• 35mThe Future Of Templating In EmberChad Hietala · EmberFest 2018
• 43mKeynote Part 2Godfrey Chan · EmberConf 2021