Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A web “Component” is much more than just JavaSc...

A web “Component” is much more than just JavaScript.

One of the hotter debates in web development as of late revolves around the notion of packaging and sharing reusable components. There are many interesting and viable solutions being proposed and developed; however, many of them miss a critical detail...

A web “component” is much more than just JavaScript.

Wil Moore III

May 02, 2013
Tweet

More Decks by Wil Moore III

Other Decks in Technology

Transcript

  1. A “Component” is much more than just JavaScript DenverJS (May

    2, 2013) http://goo.gl/WHCm4 Wil Moore III @wilmoore Friday, May 3, 13
  2. Perceived Protection (lies) var YourCo = window.YourCo || {}; YourCo.util

    = YourCo.util || {}; YourCo.util.Dom = YourCo.util.Dom || {}; Friday, May 3, 13
  3. “There have been many attempts to come up with some

    sort of client-side package manager, and some of them do it very well, however I think they are missing the big picture; a ‘component’ is much more than just JavaScript.” TJ Holowaychuk Friday, May 3, 13
  4. component is more of a concept and a framework for

    building and distributing front-end components. github.com/component/component/wiki/Spec Friday, May 3, 13
  5. Benefits Facilitates building modular components. Use CommonJS. Manages app/lib dependencies.

    Can build standalone components. Supports CSS, Images, Fonts, and JavaScript. Friday, May 3, 13
  6. Use everywhere % npm install selectn # use in Node

    or Browserify % bower install selectn % component install wilmoore/selectn CommonJS Standalone Friday, May 3, 13
  7. Modern Client-Side Component Development webandphp.com/ModernClientSideComponentDevelopment Google+ Community plus.google.com/u/0/communities/109771441994395167277 Building better

    components github.com/component/component/wiki/Building-better- components Building a date picker component tjholowaychuk.com/post/37832588021/building-a-date-picker- component Resources Friday, May 3, 13