title: Backbone view, initialize and render
body: <p>I have a backbone view which load subview. When I load a subview, I would like to show a loader when the view fetch needed datas and hide the loader when the view is ready to render.</p>
  
  <p>I did something like this : </p>
  
  <pre><code>var appView = Backbone.View.extend({
      showLoader: function() {
          // Code to show loader
      },
  
      hideLoader: function() {
          // Code to hide loader
      },
  
      loadSubView: function() {
          this.showLoader();
          var myView = new MySubView();
          this.$el.html(myView.render().el);
          this.hideLoader();
      }
  });
  </code></pre>
  
  <p>For now, my sub-view load a collection and is implemented like this : </p>
  
  <pre><code>var mySubView = Backbone.View.extend({
      initialize: function() {
          this.myCollection.fetch({
              async: false
          });
      },
  
      render: function() {
          // Code to render
      }
  });
  </code></pre>
  
  <p>My sub view load the collection synchronously because it is the only way I found to know when my view is "ready" to render but I think this is not the best way to use Backbone.</p>
  
  <p>What schould I do ?</p>