I recently starting working with Ember.js, and I've been introduced to web ponents. I've used jQuery UI widgets before, and they seem like the same thing. Is there a difference between a web ponent and a widget, or are they more or less the same thing?

I recently starting working with Ember.js, and I've been introduced to web ponents. I've used jQuery UI widgets before, and they seem like the same thing. Is there a difference between a web ponent and a widget, or are they more or less the same thing?

• javascript
• html
• ember.js
• widget
• web-ponent

• 3 capitalized, w3/TR/ponents-intro it means something specific. in layman's speech they might be the same thing... within ember, it's basically just a name for packaged templates with benefits like api methods. – dandavis Commented Nov 19, 2013 at 21:33

1 Answer 1

Web Components is an umbrella term for a group W3 standard technologies posed of: Custom Elements, Shadow DOM, HTMLImports, and HTMLTemplates. These four specs working in concert form Web Components, and afford you all the abilities old school UI libraries like jQuery UI or Ember do, while allowing you to do so in a standard package browsers will natively understand.

One huge benefit, is that when you use Web Components, it makes it far easier for the browser to keep your code/app on the "fast path". The fast path, is the accelerated portions of the browser that are able to run as fast as possible and be optimized by underlying mechanisms like the JS engine's JS-to-native code pilation JIT, and low-level DOM systems that minimize things like the import of assets, UI reflows, and layout recalcs.

Here are two libraries that make development of Web Components even easier: http://x-tags/ & http://www.polymer-project/