NewT.js - pure JS templating engine (opens in new tab)

I started coming to a similar conclusion about pure-JavaScript templating in terms of ease of writing and maintenance after getting most of the way into implementing a templating plugin for my DOMBuilder library, based on this speculative API extracted from a sample Django template: https://gist.github.com/958838

Once you start piling on the mixed, nested content and a mix of elements with and without attributes, it takes some diligence to ensure you've put all your commas and parentheses in the right place first time, and the resulting code isn't all that pleasing on the eye when you compare it to the usual HTML with placeholders for logic/dynamic content.

I still find this style of templating useful for smaller chunks of content like this sort of thing, though:

  function dataTable(headers, objects, properties) {
    return TABLE({cellSpacing: 1, 'class': 'data sortable'}
    , THEAD(TR(TH.map(headers)))
    , TBODY(TR.map(objects, function(obj, attrs, loop) {
        attrs['class'] = (loop.index % 2 == 0 ? 'odd', 'even')
        return TD.map(properties, function(prop) {
          return obj[prop]
        })
      }))
    )
  }

I don't think you're being too harsh. I agree that newT really doesn't seem like a templating engine - it seems more like a HTML generator. It's a pretty complex hammer to drive a carpet tack. Programmatically constructing DOM from that low of a level is still more trouble than it's worth.

For me, I stick to small chunks I can loop on my own if need be and use a simple tokenizer I wrote (see bpmv.toke() at https://github.com/BrynM/bpmv/blob/master/bpmv.js ). Far simpler and I can have anyone whip up HTML boilerplate to use.