title: How to write re-usable model and views in Backbone.js
body: <p>I am new to backbone. I have read that it is a mv* framework where it tends to be more similar to MVP architecture that MVC architecture. </p>
  
  <p>My question is if I try to implement my website by using backbone as a MVC framework, then how should I implement re-usable components?. 
  For example suppose one of website's page has three subviews </p>
  
  <ol>
  <li>"SubView1"</li>
  <li>"SubView2"</li>
  <li>"SubView3"</li>
  </ol>
  
  <p>Each of them have there models </p>
  
  <ol>
  <li>"Model1"</li>
  <li>"Model2"</li>
  <li>"Model3"</li>
  </ol>
  
  <p>If Backbone is implemented in form of MVC then controller will sit between model and view and most of the logic will be written in controller, in this case if we want to use a subview and its model on some other page then the code written in controller has to be replicated, what is the alternative to it?</p>