I am looking for a good template engine for an interface. I spent 2 days of research. I looked through Polymer (from Google), Reactjs (via Facebook), Skatejs (by Atlassian), Rivet (used by Dell) and the Angularjs Directives (from Google).
Now I need help.
Desired features:
- data binding (one or two directions)
- parsing custom elements, ex:
<my-element></my-element> that display some predefined html - custom elements should be able to wrap around nested elements, ex:
<my-element><h1>My title</h1></my-element> , which output predifed html with a nested tag at the specified location inside this html (similar to webcomponents and Polymer). - minimal abstraction and lack of new syntax, if possible (with the exception of some mustache-like patterns)
- bonus will be html import
Additionally:
- must be stable
- should be easy to use, just go (out of the way) without requiring a specific application structure.
- should only do things with templates (bad example: Angular abstracts things too much, also includes some things like jQuery, etc.).
My data so far:
I found that Polymer is unstable with a shadow house and does not work properly without it. Reactjs defines its own language that I do not need, to respond also requires that the embedded components be responsive again, and do not allow html (restriction due to the user language). Skatejs has no data binding. The rivet has unstable user elements and does not allow wrapping nested elements. Angular directives introduce the whole abstraction of Angular js, which is too much to work with good templates.
My question
Is there an alternative to the libraries I tried that match the above functions? If not, can you think of a way to crush some libraries and achieve such functionality?
source share