JS - Templates

javascript-libraries

mustache
handlebars
nano
jQote
embeddedjs
dust
jade
https://github.com/twitter/hogan.js
jade - Used Jade to preprocess HTML. Jade is capable of HTML includes, which can be tremendously useful.
http://ejohn.org/blog/javascript-micro-templating/
https://github.com/sstephenson/eco
http://icanhazjs.com/

http://viget.com/extend/benchmarking-javascript-templating-libraries - Which you choose to go with probably depends on whether or not what you’re templating will be iterating over a set of data or not. If it is, you probably would want to go with mustache.js; if not probably nano.

http://code.tutsplus.com/tutorials/best-practices-when-working-with-javascript-templates--net-28364 - done reading
http://stackoverflow.com/questions/449780/recommended-javascript-html-template-library-for-jquery - done reading
http://stackoverflow.com/questions/3585573/html-templates-in-javascript-without-coding-in-the-page/3586581#3586581 - done reading
http://www.borismoore.com/2010/10/jquery-templates-is-now-official-jquery.html - done reading
http://stackoverflow.com/questions/2929111/good-javascript-template-engine-to-work-with-json - done reading
http://stackoverflow.com/questions/449780/recommended-javascript-html-template-library-for-jquery/3767682#3767682
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-makeshift-javascript-templating-solution/ - done reading
http://ajaxpatterns.org/Browser-Side_Templating
http://motyar.blogspot.com/2011/12/displaying-json-values-with-javascript.html
http://vard-lokkur.blogspot.com/2011/01/jquery-templates-and-json.html
http://jsfromhell.com/classes/template
http://code.google.com/p/google-jstemplate/
https://github.com/blueimp/JavaScript-Templates
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.html#.VKB1eTAIYA
http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx

http://beebole.com/pure/
http://beebole.com/blog/pure/generate-html-from-a-json-without-any-template-but-html-and-javascript/
http://json-template.googlecode.com/svn/trunk/doc/Introducing-JSON-Template.html
https://github.com/BorisMoore/jquery-tmpl
https://code.google.com/p/trimpath/wiki/JavaScriptTemplates
http://jsonfx.net/download/
http://starterkit.jsonfx.net/
https://github.com/BorisMoore/jsrender
http://borismoore.github.com/jsrender/demos/index.html
https://github.com/BorisMoore/jsviews
http://borismoore.github.com/jsviews/demos/index.html
http://aefxx.com/jquery-plugins/jqote2/
http://jtemplates.tpython.com/
http://ibdom.sf.net/
http://www.json2html.com/
http://github.com/edspencer/jaml
http://github.com/atduskgreg/srender/
https://developers.google.com/closure/templates/docs/concepts
http://twigkit.github.com/tempo/
http://documentcloud.github.com/underscore/
http://aefxx.com/jquery-plugins/jqote/
http://balupton.github.com/jquery-smarty/demo/
http://www.yajet.net/
http://github.com/fitzgen/tempest
http://wiki.github.com/raid-ox/chain.js/
http://github.com/Sidnicious/stencil.js
http://github.com/creationix/jquery-haml
http://www.enfusion-framework.org/
http://github.com/trix/nano
http://github.com/wayneeseguin/jquery_templates/
http://github.com/raid-ox/chain.js/wiki
http://github.com/edspencer/jaml
mojo

http://ejohn.org/blog/javascript-micro-templating/
http://github.com/jquery/jquery-tmpl

http://jsperf.com/compiled-templates/7

Mustache is another templating solution that is actively being developed and it simplifies templates by combining conditional tags and enumeration tags. It also provides strong features like inverted sections, partials and high order sections with simple syntax. Mustache is also one of the fastest templating solutions. See http://www.viget.com/extend/benchmarking-javascript-templating-libraries/

Which you choose to go with probably depends on whether or not what you’re templating will be iterating over a set of data or not. If it is, you probably would want to go with mustache.js; if not probably nano.

Tempest does not turn templates into pre-compiled functions. However, it does cache the template string.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License