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

Hogan.js

310
45
+ 1
3
Liquid

95
65
+ 1
0
Add tool

Hogan.js vs Liquid: What are the differences?

What is Hogan.js? A compiler for the Mustache templating language. Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

What is Liquid? Open-source template language written in Ruby. It is an open-source template language written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. It is safe, customer facing template language for flexible web apps.

Hogan.js and Liquid can be primarily classified as "Templating Languages & Extensions" tools.

Hogan.js and Liquid are both open source tools. It seems that Liquid with 7.36K GitHub stars and 958 forks on GitHub has more adoption than Hogan.js with 5.01K GitHub stars and 440 GitHub forks.

According to the StackShare community, Hogan.js has a broader approval, being mentioned in 290 company stacks & 8 developers stacks; compared to Liquid, which is listed in 30 company stacks and 4 developer stacks.

Advice on Hogan.js and Liquid
Asad Gilani
Software Engineer at Lisec Automation | 5 upvotes 路 63K 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 Hogan.js
Pros of Liquid
  • 3
    Lightweight
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    Sign up to add or upvote consMake informed product decisions

    What is Hogan.js?

    Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

    What is Liquid?

    It is an open-source template language written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. It is safe, customer facing template language for flexible web apps.

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

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

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

    What tools integrate with Hogan.js?
    What tools integrate with Liquid?

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

    What are some alternatives to Hogan.js and Liquid?
    EJS
    It is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript.
    TypeScript
    TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
    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.
    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.
    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.
    See all alternatives