es6-tpl-tag-bb.js

const _ensureNew = (ctor) => {
  const fn = (...args) => !(this instanceof ctor) ? new ctor(...args) : ctor(...args);
  fn.prototype = ctor.prototype;
  return fn;
}

const ensureNew = (ctor) => {
  const fn = _ensureNew(ctor);
  fn.extend = Backbone.Model.extend;
  return fn;
}

const BaseView = ensureNew(Backbone.View.extend({
  r(strs, ...subs) {
    return strs.reduce((a, x, i) => {
      const sub = subs[i - 1];
      return a + (sub instanceof BaseView ? sub.render() : sub) + x;
    });
  }
}));

const Nav = BaseView.extend({
  links: [ { url: 'http://www.google.com', text: 'Google' } ],
  render() {
    return this.r`
      ${this.links.map(({url, text}) => `<a href="${url}>${text}</a>"`)}
    `;
  }
});

const App = BaseView.extend({
  render() {
    return this.r`
      <header>
        ${Nav()}
      </header>
    `;
  }
});

const app = App();
app.render();