you could do it automatically by assuming that some
attribute like `data-bind` corresponds to a binding
To me personally, <div>{{NAME}}</div> is easier to read and reason about. Also, it enables you to do stuff like
<div>{{CITY}} has {{POPULATION}} residents</div>
<div><span data-bind="city"></span> has <span data-bind="population"></span> residents</div>
<div class="{{STATUS}}">{{MACHINE}}</div>
Sorry, but avoiding templating syntax was really a hard design goal. It may not be a tool for everyone.
The reason is that every templating language I've used either is or becomes a Turing-complete language by itself.
Here's all that's needed in the template:
And the mapping would be: If you don't want to manually define a mapping, you could do it automatically by assuming that some attribute like `data-bind` corresponds to a binding, but Simulacra.js doesn't make assumptions like that.