Web Component Resources.md

Links

• Deck for a talk on the whole web component stack
• Shadow DOM

Enabling

Firefox Nightly about:config

• Add a Boolean flag named dom.webcomponents.enabled; set to true
• Shadow DOM not available

Chrome Canary chrome://flags

• Enable experimental Web Platform features chrome://flags/#enable-experimental-web-platform-features
• Enable Experimental JavaScript chrome://flags/#enable-javascript-harmony

JavaScript API

/**
 *  
 * 
 * 
 *
 */
var elProto = _.assign(Object.create(HTMLParagraphElement.prototype), {
  createdCallback: function () {    
    this // this is a reference to the element that will be created.  
  },
  enteredViewCallback: function () {},
  leftViewCallback: function () {},
  attributeChangedCallback: function () {}
})

document.register('element-name', elProto)