em
js

JavaScript templating engines

Com o crescimento de JSON, especialmente em serviços Web e também em aplicações Ajax, utilizar JavaScript templates permite a você uma forma fácil de interpretar HTML e substituir com conteúdo criado ou recebido através do JavaScript.

Existem vários plugins de template para JavaScript, portanto, resolvi fazer uma compilação aqui com alguns que encontrei na internet.

mustache.­js

mustache.­js

Mustache.js é uma implementação do já conhecido sistema de templates Mustache, só que para javaScript.

Jade

Jade

É um sistema de templates de alto desempenho fortemente influenciado pelo Haml e implementado com JavaScript para Node.js.

Handlebars

Handlebars

Te dá a possibilidade de produzir templates semânticos sem qualquer frustração. Templates do Mustache.js são compatíveis com Handlebars, portanto, você pode criar um template em Mustache, importá-lo no Handlebars e maipulá-lo conforme necessário.

Hogan.­js

Hogan.­js

É o sistema de templates criado pelo Twitter com só 2.5k.

do­T.­js

do­T.­js

O mais rápido e simples sistema de templates em JavaScript para Node.js e browsers.

Js­Render

Próxima geração de templates para jQuery, otimizado para alto desempenho e com processamento baseado em strings.

t.­js

Sistema de templates muito simples com aproximadamente 400 bytes em gzip.

Eco

Permite incorporar a lógica CoffeeScript em sua marcação. É como EJS e ERB, mas com CoffeeScript dentro do < % ... %>. Você pode utilizá-lo para renderizar seus views no Node.js no servidor, ou complitar seus templates JavaScript para mostrá-los no browser.

dustjs

dustjs

Sistema de template assíncrono para ser usado com Node.js ou no browser.

Transparency

Transparency

Sistema de template extremamente simples para ser rodado no browser. Mapeia objetos JSON para o DOM sem configuração alguma.

ICan­Haz.­js

ICan­Haz.­js

Sistema de templates simples e poderoso. Pode ser usado com Mustache, jQuery ou Zepto.

Qote2

Segundo maior release já lançado para ser usado com jQuery. Corrigiu vários bugs de sua versão anterior.

Twig.­js

Twig.­js

Versão JavaScript da biblioteca de templates Twig.

grips

grips

Sistema de templates simples e lógico.

Mask­JS

Mask­JS

Markup/Template Engine. Simples e semântico

Architect

Architect

Javascript Template Editor Web app para editar templates em varias engines.

JUST

Cacheia os templates automaticamente e os recarrega assim que são feitas alterações. Pode ser usado com Node.js ou no browser.

Templ8

Sistema de templates em JavaScript com o estilo de sintaxe do Django. É rápido e leve ao contrário de muitos outros sistemas de template.

EJS

EJS

Sistema de templates que promete limpar o HTML do seu JavaScript.

ist.­js

ist.­js

Sistema de templates baseado em DOM com sintaxe de seletores CSS.

templayed.js

templayed.js

jquery-tmpl

Sistema de templates para jQuery desenvolvido pelo time da Microsoft.

Anglebars.js

Anglebars.js

Uma mistura de Angular.js e Handlebars.

Pure

Pure

Tempo

Tempo

haml-js

haml-js

JavaScript templates no lado servidor. Usado com Node.js.

Stencil

Criado por Andy VanWagoner, pode ser rodado tanto em Node.js como no browser.

Parrot

Template JavaScript extremamente rápido e leve para ser usado com Node.js.

Closure Templates

Sistema de templates criado pelo Google criado para rodar tanto no cliente como no servidor.

Nun

JavaScript templates no lado servidor. Usado com Node.js.

Mu

JavaScript templates para Node.js baseado em Mustache.js

KiTE

JavaScript templates muito parecido com Mustache.js

Underscore.js

Underscore.js

Bbiblioteca para manipulação de dados extremamente poderosa que possui somente 4kb.

JavaScript Micro-Templating

É um micro sistema de templates criado por John Resig, o mesmo criador do jQuery.

supplant.js

É um sistema de templates simples, mas muito simples mesmo, seu tamanho é de aproximadamente 250 bytes.

Comentários

  1. Na minha opinião os melhores são: Jade, Handlebars, Dustjs e Pure

    por Caio Ribeiro Pereira Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>