knockout js component class

ko-component-class.js

// ui component class structure
// ----------------------------
(function(sandbox) {

	'use strict';

	var Component = function(foo, bar) {
		
		this.foo = foo;
		this.bar = bar;

		// define your component lifecycle here
		this.init();

		return this;
	}

	Component.prototype = {

		constructor: Component

		, init: function() {

		}

		// Component class methods
		, ComponentItem: function() {

		}
	}

	// component kos custom bindings
	// -----------------------------
	Component.bindingHandlers = {
		componentDoSomething: {
			init: function(element, value, bindings, viewModel, context) {

			}
			, update: function(element, value, bindings, viewModel, context) {

			}
		}
	}

	// expose your component
	// ---------------------
	sandbox.Component = Component;

	// expose your custom bindings
	// ---------------------------
	ko.bindingHandlers.componentDoSomething = Component.bindingHandlers.componentDoSomething;

})(sandbox);