aen

Сам термин "удобные" весьма субъективен. Кроме того, я не устаю повторять, что "серебряной пули" нет. Не существует идеального фреймворка. Смотреть нужно другие обязательно, хотя бы только для того, чтобы понимать, что какие то ваши задачи можно решить иначе. Это очень расширяет мышление.

Мне довелось наблюдать "backbone" головного мозга. Когда разработчик так привык к backbone, что всю логику строил только на сущностях этой библиотеки. И когда у него возникали проблемы с этим, то вместо того, чтобы использовать какие-то нативные js-инструменты, он просто обвешивал лапшой модельки и коллекции.

У того же backbone есть приличное количество расширений и плагинов. Изучите их. Порой они решают достаточно сносно некоторые задачи.

Тот же React.js вполне можно использовать в качестве замены Backbone.View. Так же есть идеи о применении подхода Flux при разработке на Marionette. Тоже полезно для ознакомления. Где-то мне на глаза попадался Backbone.Dispatcher.

Суть: ищите и обрящите. От себя могу добавить только вот эту мою подборку ресурсом в Backbone.

Вообще лучше всего соблюдать правило "Одна модель - одна вьюха". В вашем случае, это первый вариант. Тогда старшая вьюха Vote будет играть роль лэйаута. При условии, что не стоит размазывать модель на две вьюхи.

Вообще есть приличное количество материалов по работе с вложенными вьюхами в backbone. В marionette.js для вашего случая есть даже готовые сущности: Region и LayoutView.

visionmedia.github.io/page.js

Метод each итерирует объект по его свойствам, либо массив по элементам. В вашем случае итерирование происходит по объекту. Вот только модели коллекции лежать в свойстве models вашей коллекции. Потому итерируйте по нему. То есть:

_.each(col1.models, function(val, key){
    console.log( key, val )  
  })

Для удобства работы можно создать свой "класс" коллекций и расширить его методом each:

var Collection = Backbone.Collection.extend({
  each: function (fn) {
    _.each(this.models, fn);
  }
});

var myColl = new Collection();

// Итерирование
myColl.each(function(model) {
    // какая-то логика работы с моделью
});

Есть planetexpressapp. Это приложение, разработку которого описывает Брайен Манн в своем скринкасте backbonerails. Правда, написано оно на coffeescript.

Если вы хотите подгружать шаблоны, то используйте require.js. У него есть плагин для загрузки шаблонов. https://github.com/requirejs/text

Как вариант вам нужно для каждой страницы определить свой лайаут, в котором прописать те модули, которые нужны. При смене роута просто рендерить нужный лайаут.

Попробуйте грузить шаблоны на мастерпейдже. Тогда на момент старта js у вас уже будут все шаблоны. У вас явно есть какие-то тяжелые библиотеки. Например, jquery. Их можно не собирать, а грузить с CDN.

Далее, раз у вас есть 8-10 модулей, то лучше соберите их отдельно друг от друга.

JSON.parse(JSON.stringify(response))
Это зачем? Клонируете данные?