Minimalist, Tiny Javascript Template System?

Question

I'm looking for a minimalist template system for javascript, ala John Resig's Javascript Micro Templating. The smaller the better, and if it's jquery based even better. Recommendations?

I tried John's micro-templating but ran into a few issues, wanted to see if there are more baked / better packaged solutions out there.

[Update] I tried Resig's Micro Templating again and it's working well for me. Would still like to hear about other alternatives if there are any.

What kind of problems were you running in to? That one seems pretty clever and basic. What more do you need from it? — Will Hartung
– Will Hartung, Commented Mar 5, 2010 at 18:18
The issue was likely me setting it up / using it incorrectly (I was attempting to integrate it into a larger project). I'm about to try it stand-alone and if that goes well I'll try the integration again. — Parand
– Parand, Commented Mar 5, 2010 at 18:21

Chubas · Accepted Answer · 2010-07-10 17:48:26Z

5

There is also Mustache.js, it has a neat syntax IMO.

answered Jul 10, 2010 at 17:48

Chubas

18.1k4 gold badges51 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Haroldo_OK · Accepted Answer · 2017-08-03 13:57:51Z

3

This one is good and tiny (400bytes gzipped or 600bytes minified). Also has the attractive {{hello}} syntax rather than the <?php hideous ?> <%whats-the-point-might-as-well-not-bother-with-templates%> syntax

https://github.com/jasonmoo/t.js

Slightly larger but still very good (personally only tested mustache):

https://github.com/janl/mustache.js

http://tempojs.com/

https://github.com/premasagar/tim (370 bytes for the 'tinytim' version)

edited Aug 3, 2017 at 13:57

Haroldo_OK

7,3033 gold badges50 silver badges86 bronze badges

answered Dec 18, 2012 at 12:26

nanobar

66.8k26 gold badges155 silver badges178 bronze badges

Comments

Francisco Aquino · Accepted Answer · 2010-03-05 18:08:25Z

1

Theres JBST

<a class="ExtLink"
            href="<%= "http://en.wikipedia.org/wiki/" + this.data.wiki %>"
            onclick="window.open(this.href);return false;"><%= this.data.name %></a>

answered Mar 5, 2010 at 18:08

Francisco Aquino

9,1271 gold badge34 silver badges37 bronze badges

Comments

mckamey · Accepted Answer · 2012-06-29 19:02:18Z

JBST (JsonML+Browser-Side Templating) is a good alternative to John Resig's Micro Template. It has a similar syntax but template parsing is not performed at runtime so it can be more compact and robust. The result of parsing is pure JavaScript which can be combined with other scripts and executed directly in the browser.

the runtime format: http://jsonml.org/bst
an example compiler: http://jbst.net
syntax examples: http://starterkit.jsonfx.net/jbst
a .NET implementation: http://jsonfx.googlecode.com

UPDATE: this system was rewritten from the ground up as a duel-side template library (client & server) called DUEL: http://duelengine.org

stevedbrown · Accepted Answer · 2010-03-26 22:15:53Z

0

I really like JST (JavaScript Templates). They use the same convention for tokens as JSPs ${} - pretty easy.

answered Mar 26, 2010 at 22:15

stevedbrown

8,9448 gold badges45 silver badges58 bronze badges

Comments

Parand · Accepted Answer · 2010-03-26 21:46:54Z

-3

In the end I went with John Resig's Micro Template, it's working nicely for me.

answered Mar 26, 2010 at 21:46

Parand

107k49 gold badges158 silver badges188 bronze badges

Collectives™ on Stack Overflow

Minimalist, Tiny Javascript Template System?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Related