My JavaScript Stack for Large scale Javascript

Well, I earn good amount of money using JavaScript !
I am a professional UI architect form New Delhi, India.
I have evaluated angularjs and many other framework but I preferring following stack for new application.

I am giving very brief info to this Stack so that you can also enjoy this cool stack.
Over the time this Stack will improve and I will give some excellent demo using this Stack !!

• Package manager: Bower
• Module Loader: choona.js
• Router Library : Davis
• Build system: Grunt
• Templates: mix of Underscore.js Template + Rivets.js Templates
• 2 Way Data binding: Watch.JS+ Rivets.JS
• Widgets: Bootstrap
• CSS Technology: SCSS & Compass
• Test framework: ??
• Sync: ??

Thanks for http://microjs.com/ for giving list of many cool libraries which I am using in my project !!


--
┌─────────────────────────┐
│  नरेन्द्र सिसोदिया
│  स्वदेशी प्रचारक, नई दिल्ली
│  http://narendrasisodiya.com
└─────────────────────────┘

Demo of Two way binding in Javascript using watchjs and Rivets.js !

I have updated my demos and it really looks cool. Want to share !!

So, I finally have very beautiful method of Two way binding between "DOM" and "Object Oriented JavaScript"

Example --

You can have perfect Sync between

THIS Model data

var PersonClass = function (name) {
      
    this.name = name;
  };
PersonClass.prototype = {
     change : function (Event, TargetEle) {
  
        this.name = "Chetan";
  
    }
}

and

THIS DOM section !  
   <button data-on-click="scope:change">Change Model Data(1)</button>
  
   <h3>Hello <span data-text="scope.name"></span></h3>
  
   <input data-input="scope.name">

  
Full demo is available at http://jsfiddle.net/nsisodiya/y3gDP/

I guess, this will make life easy for many JS developers who want to decouple & sync DOM-UI and Model data

--
┌─────────────────────────┐
│  नरेन्द्र सिसोदिया
│  स्वदेशी प्रचारक, नई दिल्ली
│  http://narendrasisodiya.com
└─────────────────────────┘

Rivets.JS and Watch.JS : Deep Level , Nested Level Demo

Here is the demo,
http://jsfiddle.net/nsisodiya/njDGA/

--
┌─────────────────────────┐
│  नरेन्द्र सिसोदिया
│  स्वदेशी प्रचारक, नई दिल्ली
│  http://narendrasisodiya.com
└─────────────────────────┘

Split and join do not cut each other perfectly

[].join(".").split(".")

will result in [""]

--
┌─────────────────────────┐
│  नरेन्द्र सिसोदिया
│  स्वदेशी प्रचारक, नई दिल्ली
│  http://narendrasisodiya.com
└─────────────────────────┘