Workshop. GlimmerX — declarative UI & derived reactivity in 27kb*. Part 1

on YouTube ↗01h 03m

" summary

Introduces GlimmerX and its relation to the Glimmer VM, showing how to create a new project from scratch and build declarative components using Handlebars-like (lisp-like) hbs syntax. Covers derived-state reactivity model, handling asynchrony, network calls and basic styling with the goal of fitting the app into a ~27 KB gzipped bundle, and explains when this approach is suitable compared to React/Vue/Svelte.

AI-written summary · about

" chapters (7)

1. 0:00Workshop welcome
2. 6:49Project setup
3. 17:07State and reactivity
4. 28:11Slots and composition
5. 44:32Server-side rendering
6. 57:45GraphQL with Apollo
7. 1:01:19Break

" related talks

• 48mInside Glimmer: What Makes Ember's Rendering Engine TickTom Dale · Full Stack Fest 2015
• 20m{{should-avoid this.renderModifiers butHow=true}}Aaron Chambers · EmberFest 2022
• 31mThe {{x-foo}} in YouRyan Florence · EmberConf 2014
• 32mThe Future of Ember TemplatingYehuda Katz, Godfrey Chan · EmberConf 2016
• 43mGraffiti: The Coveted Universal Web Component FormatJay Phelps · Wicked Good Ember 2015
• 49mKeynote Part 1Yehuda Katz · EmberConf 2021
• 46mKeynote Part 2Edward Faulkner · EmberConf 2023
• 16mKeynoteTom Dale · Framework Summit 2018