The {{x-foo}} in You
summary
Shows concrete Ember component patterns and ready code: builds IC Tabs that persist via query params and composes smaller components instead of one giant view, demos a physical X-Wing controlled through an Express server and the Drone library, and explains accessibility via ARIA attributes and attributeBindings. Claims reduce jQuery spaghetti, gives distribution steps (npm/browserify, broccoli), and demonstrates what worked versus edge cases (keyboard, outer-click, focus, tab removal). Good if wanting actionable component code and gotchas.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:20Browser abstractions in Ember
- 3:49HTML anchor as component
- 6:58Script tag component
- 9:54X-Wing drone controller demo
- 14:20Spacer GIF for layout
- 15:04Component communication
- 16:33IC tabs with query params
- 19:41IC menu interactions
- 22:30Refactoring large components
- 26:44Component design best practices
- 29:32Distributing Ember components
related talks
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI
46mArt and Science of Shipping Single Page Apps with Ember.js
26mAmbitious UX for Ambitious Apps
26mBuilding Better Components
24mNew to Ember: What ARE All These Things?
34mComponent Documentation Made Easy
25mSimply React
40mEmber's Technical Foundations – And How They Are Changing