Render templates from a collection using Exoskeleton and Microtemplate

index.html

<script id='itemTemplate' type='text/template'>
  <li><%= someValue %></li>
</script>

<ul id='item'></ul>

whateverview.js

(function() {
  'use strict';

  window.WhatEverView = Backbone.View.extend({
    el: '#item',

    template: microtemplate(document.querySelector('#itemTemplate').innerHTML),

    initialize: function() {
      this.collection.fetch();
      this.listenTo(this.collection, 'sync', this.render);
   },

    render: function() {
      var self = this;
      this.collection.forEach(function(model) {
        self.el.innerHTML += self.template(model.attributes);
      });
    }
  });
})();