Workshop. GlimmerX — declarative UI & derived reactivity in 27kb*. Part 2
summary
Workshop covers building a new GlimmerX project from scratch and explains how GlimmerX relates to the Glimmer VM. It presents declarative components with Handlebars-like (lisp-like) syntax, derived-state reactivity, async/network handling and minimal styling, aiming for a ~27KB gzipped bundle and showing when this Ember/Glimmer approach is appropriate.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:40External data with Apollo
- 4:57Reactivity & user data
- 8:13SSR issues & fixes
- 12:51Custom routing
- 17:50Router integration
- 21:06Home page navigation
- 24:37Nested routing
- 28:30Dynamic nav & state
- 32:04Global state
- 37:01User highlight & removal
- 41:42UX fixes
- 44:54Custom helpers
- 48:07Avoid user duplication
- 48:49Component testing with Jest
- 51:17Component isolation with Storybook
- 53:46Storybook issues
- 54:50Component typing
- 59:30Conclusion
related talks
48mInside Glimmer: What Makes Ember's Rendering Engine Tick
32mThe Future of Ember Templating
31mThe {{x-foo}} in You
20m{{should-avoid this.renderModifiers butHow=true}}
01h 10mPanel: the future of Ember
49mKeynote Part 1
58mOpening Keynote
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI