Web Components

Trond Klakken / @trondkla

open.bekk.no

Custome Element

        
<polymer-ui-ratings value="3" count="5" />

Polymer Project

  • Polyfill
  • Utviklet av Google

Definer eget Custom Element

HTML Templates

MutationObserver | DOM endringer

Object.observe() | Model endringer

HTML Imports

        
<link rel="import" href="demo-overskrift.html" />

Shadow DOOM

Shadow DOM

Shadow DOM

Fordeler

  • Nativ browser-støtte
  • Single Responsibility
  • Mindre namespace kollisjoner
  • Modulært, DRY

Ulemper

  • Fortsatt ungt
  • Ytelse?
  • Nativ browser-støtte ikke enda fullt på plass
    Men man har Polymer!

Takk for meg!