Need advice about which tool to choose?Ask the StackShare community!

Handlebars.js

5.9K
2.3K
+ 1
310
Pug

1.1K
1K
+ 1
429
Add tool

Handlebars.js vs Pug: What are the differences?

What is Handlebars.js? Minimal Templating on Steroids. Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.

What is Pug? Robust, elegant, feature rich template engine for nodejs. This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

Handlebars.js and Pug can be categorized as "Templating Languages & Extensions" tools.

"Simple" is the top reason why over 102 developers like Handlebars.js, while over 118 developers mention "Elegant html" as the leading cause for choosing Pug.

Handlebars.js and Pug are both open source tools. It seems that Pug with 18.4K GitHub stars and 1.9K forks on GitHub has more adoption than Handlebars.js with 14.6K GitHub stars and 1.87K GitHub forks.

Hulu, DuckDuckGo, and Intel are some of the popular companies that use Handlebars.js, whereas Pug is used by Coursera, Key Location, and Sellsuki. Handlebars.js has a broader approval, being mentioned in 643 company stacks & 175 developers stacks; compared to Pug, which is listed in 174 company stacks and 119 developer stacks.

Advice on Handlebars.js and Pug
Asad Gilani
Software Engineer at Lisec Automation · | 5 upvotes · 76.4K views
Needs advice
on
Liquid
and
Handlebars.js

@All: I am searching for the best template engine for .NET. I started looking into several template engines, including the Dotliquid, Handlebars.js, Scriban, and Razorlight. I found handlebar a bit difficult to use when using the loops and condition because you need to register for helper first. DotLiquid and Scriban were easy to use and in Razorlight I did not find the example for loops.

Can you please suggest which template engine is best suited for the use of conditional/list and looping and why? Or if anybody could provide me a resource or link where I can compare which is best?

Thanks In Advance

See more
Replies (1)
Josh Lind
Recommends
Handlebars.js

I like Handlebars, it's very mature... some would say-- outdated.

Handlebars loops are done via {{#each myList}}. Read the docs! https://handlebarsjs.com/guide

Remember, don't put logic in your templates! Keep this layer simple. Sorry to hear you have to use dotNet.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Handlebars.js
Pros of Pug
  • 106
    Simple
  • 77
    Great templating language
  • 51
    Open source
  • 36
    Logicless
  • 20
    Integrates well into any codebase
  • 10
    Easy to create helper methods for complex scenarios
  • 7
    Created by Yehuda Katz
  • 2
    Easy For Fornt End Developers,learn backend
  • 1
    Awesome
  • 0
    W
  • 132
    Elegant html
  • 88
    Great with nodejs
  • 56
    Very short syntax
  • 55
    Open source
  • 52
    Structured with indentation
  • 22
    Free
  • 4
    It's not HAML
  • 4
    Gulp
  • 3
    Difficult For Front End Developers,learn backend
  • 3
    Easy setup
  • 3
    Really similar to Slim (from Ruby fame)
  • 3
    Readable code
  • 3
    Clean syntax
  • 1
    Disdain for angled brackets

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

What is Handlebars.js?

Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.

What is Pug?

This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Handlebars.js?
What companies use Pug?
See which teams inside your own company are using Handlebars.js or Pug.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Handlebars.js?
What tools integrate with Pug?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

Jun 19 2015 at 6:37AM

ReadMe.io

+25
11
1666
What are some alternatives to Handlebars.js and Pug?
AngularJS
AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
Mustache
Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object. We call it "logic-less" because there are no if statements, else clauses, or for loops. Instead there are only tags. Some tags are replaced with a value, some nothing, and others a series of values.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Underscore
A JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects.
doT.js
It is a fastest and concise javascript template engine for Node.js and browsers. It was created in search of the fastest and concise JavaScript templating function with emphasis on performance under V8 and Node.js. It shows great performance for both Node.js and browsers.
See all alternatives