10 JAVASCRIPT AND JQUERY TEMPLATES ENGINES

A template is a way of specifying a function that produces a string in the output language (either in string or AST form) from a bundle of data using a syntax that is reminiscent of the output produced. Today we’ve come up with 10 JavaScript and jQuery Template Engines that you might find interesting to learn. Enjoy.

1. NANO – jQuery Template Engine

Simplest jQuery Templating Engine, perfect for JSON parsing.
SOURCE + DEMO

2. The “template” binding

The template binding populates the associated DOM element with the results of rendering a template. Templates are a simple and convenient way to build sophisticated UI structures – possibly with repeating or nested blocks – as a function of your view model data.
SOURCE DEMO

3. JsViews: Next-generation jQuery Templates

Interactive data-driven views, built on top of JsRender templates.
SOURCE DEMO

4. JsRender: Next-generation jQuery Templates

Optimized for high-performance pure string-based rendering, without DOM or jQuery dependency.
SOURCE DEMO

5. google-jstemplate

Simple and robust browser side template processing for Ajax based web applications.
SOURCE DEMO

6. The jQuery Templates Plugin

A templating plugin for jQuery. BETA. NO LONGER IN ACTIVE DEVELOPMENT OR MAINTENANCE. Issues remain open but are not being worked.
SOURCE DEMO

7. jQote2 – JavaScript Templating Revamped

jQote2 now returns a flat string representation of the converted template whereas its predecessor would give you a jQuery object.
SOURCE + DEMO

8. kite

KiTE is a Template Engine for JavaScript
SOURCE + DEMO

9. mustache.js

Logic-less {{mustache}} templates with JavaScript.
SOURCE + DEMO

10. Tempo 1.7

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.
SOURCE DEMO

 

SOURCE

http://www.jquery4u.com/javascript/10-javascript-jquery-templates-engines/

Leave a comment