Minimal templating on steroids****

CSS

ERB

Handlebars (HBS)

🏠 HOME

• THE TEAM

• CONCERNS

• OUR STACK

  HTML and Templating

  Overloop Design System

• OUR TOOLS

• THE WEB FOUNDATIONS

• TUTORIALS

• JOINING US

What is Handlebars?

Handlebars is a simple templating language on top of which Ember.js is built.

It uses a template (.hbs file) and an input object to generate HTML or other text formats. Handlebars templates look like regular text with embedded Handlebars expressions

<p>{{firstname}} {{lastname}}</p>

A handlebars expression is a {{, some contents, followed by a }}. When the template is executed, these expressions are replaced with values from an input object.

Source: Handlebars.

<aside> <img src="/icons/playback-previous_lightgray.svg" alt="/icons/playback-previous_lightgray.svg" width="40px" /> ERB

</aside>

<aside> <img src="/icons/playback-next_lightgray.svg" alt="/icons/playback-next_lightgray.svg" width="40px" /> Overloop Design System

</aside>