javascript - アプリケーションの開発に JS フレームワークを過度に使用している場合

Question

だから私は現在、一連の操作を行い、他のフレームワークを使用して一連のチャートを生成するJSライブラリを開発しています...より良い？アプリケーションを書き出すために何らかのフレームワークを利用する必要があるかどうか疑問に思っていますか? 私はこれをプラグイン/クラスとして扱ってきました。線引きはどこにすればいいですか？

申し込みの流れ：

1. タイトルなどで作成する必要があるすべてのグラフのデータセットを取得します...これは 100 以上のグラフになる可能性があります データセットに基づいて HTML マークアップを作成します。
2. DOM Ready では、マークアップに追加されたグラフ div ごとにグラフ ライブラリを呼び出します... AJAX 呼び出しのようにグラフを構築する一連の操作を実行して、データを取得/データを準備/サードパーティ経由でグラフを読み込みますフレームワーク。
3. ユーザーは、グラフをクリックしてメイン コンテンツにフォーカスを設定することで、これらのグラフを操作できます。
4. オプションとグラフに関するより詳細な情報があるウィンドウ。

現在、私はこのように書いています。

var App = App || {};    
App.Graph = function(options){
       var _default = {version:null};
       var _options = extend(options,_default);
       var __int = function(){
            // do work....
       };
       var __getData = function(){
            // do work...
       };
       var __genChart = function(){ 
           // do work...
       };
       var __load = function(loadBig,callback){
           // do work....
       };
       this.load = function(big,callback){
           // do work....
       };
       __init();
    };

対。のようなもの...私はおそらくこれを正しく行っていないことを知っています。

App.Graph = Ember.Object.extend({
  init: function(thing){
      // do work...
  },
  load: function(thing) {
     // do work...
     var __int = function(){
        // do work....
     };
     var __getData = function(){
        // do work...
     };
     var __genChart = function(){ 
       // do work...
     };
     var __load = function(loadBig,callback){
       // do work....
     };
     return __load(loadBig,callback);
  }
});

対。たぶん組み合わせて、グラフフレームワークを再利用できます...

  var Graph = function(options){
       var _default = {version:null};
       var _options = extend(options,_default);
       var __int = function(){
            // do work....
       };
       var __getData = function(){
            // do work...
       };
       var __genChart = function(){ 
           // do work...
       };
       var __load = function(loadBig,callback){
           // do work....
       };
       this.load = function(big,callback){
           // do work....
           return __genChart();
       };
       __init();
    }; 
   var App = Ember.Object.extend({
      graph: null,
      init: function(thing){
          // do work...
          this.graph = new Graph();
      },
      load: function(thing) {
         // do work...
         return this.graph.load(big,callback);
      }
    });

前もって感謝します！