Tools of the trade

• npm
• browserify
• unix

npm

npm is a package manager for JavaScript. It allows for easily authoring small modules without dependency hell

browserify

• commonJS for browsers
• supports node_modules
• creates a single JS file

unix

Developers should build a program out of simple parts connected by well defined interfaces, so problems are local, and parts of the program can be replaced in future versions to support new features. This rule aims to save time on debugging code that is complex, long, and unreadable.

Using modules

The why?

• Pick the best of everything
• Use exactly what you need, no more
• No lock in, freedom to switch whenever

Using modules

The where?

• npm-dom
• gl-modules
• voxelJS
• levelDB
• streams handbook

Demo time

Building a little app with modules

Modules & Collaboration

People can re-use & expand on the small modules you build

xhr

A module that does one thing, sends http requests

And its dependents

• httpify
• xhr-json
• flatsheet

A unidirectional approach

Observable & Immutable state

• observ
• observ-hash
• observ-array

A unidirectional approach

Representing input

• geval
• value-event
• dom-delegator

A unidirectional approach

Rendering the view

• vtree
• vdom
• virtual-hyperscript