My Javascript Stack

Some time ago I said: “My perfect framework, is a set of solid singular solutions that have proven themselves over the years. Working solo or together in harmony”.

Here is a list of some of my core components, that I use in combination or standalone.

CORE

• jQuery – jquery.com
• Underscore – underscorejs.org
• Directives – github.com/mennovanslooten/jquery.directive.js

LAYOUT

• Bootstrap – getbootstrap.com

TEMPLATING

• jQuery loadTemplate – github.com/codepb/jquery-template
• OR
• jsViews / jsRender – jsviews.com/#jsrender

OBSERVABLES

• jsViews Observable – jsviews.com/#jsoapi

ROUTER

• Director – github.com/flatiron/director

STORAGE

• simpleStorage – github.com/andris9/simpleStorage

DEPENDENCY MANAGER

• RequireJS  – requirejs.org
  jQuery Tweak: If you have already loaded jQuery before RequireJS, you can not use define([“jquery”], …) in your module defines. Add this to your main RequireJS config before doing anything else …

  
  
  define('jquery', [], function() {
  
      return jQuery;
  
  
  });
  
  

  NOW you can live happily ever after :)

• OR
• Loadrunner – github.com/danwrong/loadrunner

This is basically the core stack that I use to build out ideas :) While Angular is always an option, the above satisfies most of all needs and is often far slimmer. The rest depends on how you organize your code yourself, but at least you are not forced into fixed structures ;)

“