movetz

Задавался аналогичным вопросом, написав с пару десятков моделей на бэкбоне, понял что не хватает некого общего подхода чтоб всё это было красиво организовано, наткнулся на marionettejs.com , наткнулся на просто шикарную книгу: https://leanpub.com/marionette-gentle-introduction (это была моя первая книга на английском, вполне легко прочиталось даже с моим доначальным уровнем). И описанный там подход стал для меня просто откровением.
Что фактически даёт марионетка:

• модели остаются из бэкбона
  
• значительно расширяет архитектуру
  
• заменяет вьюхи на более продуманные
  

1. Я кладу все вьюхи отдельно, модельки отдельно, коллекции отдельно и т.д. Некоторые складывают по бизнес-сущностям ("по экранам", "по страницам").
2. Любой модульной системой (на данный момент времени SystemJS и ES6 модули), из расчета один класс -- один файл.
3. Сразу начинайте использовать дата-байндинг: rivets.js, ractive, vue.js, сэкономите массу времени. Ознакомьтесь со списком расширений -- пригодится.

P.S. Обратите внимание на всякие хорошие практики в ООП, типа S.O.L.I.D. Кстати, осваивать ember/angular и т.п. необязательно, но поглядеть стоит -- будет понятнее, какие недостатки есть в Backbone и как их обходить.

Angular.js а то что вы описываете зовется single page application.