It compiles to HTML and has a simplified syntax, which can make you more productive and your code more readable. Pug is a template engine for Node and for the browser. This can be a nightmare to debug and to maintain. HTML is also static, which means that if you want to display dynamic data (fetched from an API, for example), you invariably end up with a mishmash of HTML stings inside JavaScript. This is where the Pug HTML preprocessor comes in. And while this is not the most difficult task, it can often feel a little boring or repetitive. Luckily, all of these are supported with squido and you can find our more here.As web designers or developers, we likely all have to write our fair share of HTML. Generates something like this: Hello, World! Hello, World! Pug rocks!! Pug (formally Jade) is quite a different syntax to the other template engines and allows for shorthand and indentation syntax quite like yaml.

Similar to Handlebars, EJS is close to HTML which makes it easier to learn, read and debug if you are familiar with the HTML syntax. ĮJS is quite similar to Handlebars but has more of a Javascript feel with a variable delimiter. This helps if you are familiar with HTML and simply want to extend by looping data, conditional rendering, formatting etc. Some see the benefit of Handlebars is how closely it looks like HTML. Handlebars is based on the Mustache syntax using as the general variable delimiter. Some template engines look quite like HTML like Handlebars and EJS whereas others are vastly different and are indentation based like Pug. Some of the benefits is the ability to insert variables/data, loop data to create HTML, conditional rendering and other clever rendering rules and formatting.

Templating engines are essentially a way to generate HTML.

Pug template conditional