Ember Components Transclude My Directives
summary
Compares Angular directives and transclusion to Ember Components and shows concrete tradeoffs: Angular directives expose about a dozen low-level knobs, while Ember Components give yield for insertion, strict encapsulation so widgets only change values passed in, and easy reuse. Demonstrates a working dependent select fields component with a reusable public API that copies between apps, mentions tabs example, and cites polyfills like x-tag and Polymer for Web Components.
AI-written summary · about
chapters (24)
- 0:00Intro
- 0:58Who am I
- 1:50I have no jokes
- 2:20What is Angular
- 3:08What are directives
- 6:46Angular vs Ember
- 7:22What is transclusion
- 7:54Wikipedia example
- 10:47Ember Components
- 11:16Handlebars
- 12:19Move Text
- 12:29Web Components
- 13:55Amber Components
- 14:51What got me hooked
- 15:06Use case
- 15:24Dependent select box
- 15:37Selecting a country
- 16:17Reusable public API
- 18:16Reusable CSS styling
- 18:32What is an Ember Component
- 19:38Ember Tabs
- 20:28Reusable
- 20:44Component Lists
- 22:38Questions
related talks
26mBuilding Better Components
27m<select>ing Good Ember Patterns
15mBirds-Eye Vue of Ember
33mInteroperable Component Patterns
34mComparing Patterns in React and Ember
19mFrom React to Ember, A Modern Comparison
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI
32mEmber Between Design and Development