easy-handlebars-js

easy-handlebars-js

Easy to memorize API to compile handlebars templates on client-side.

Usage

Add your template(s) using script tag:

<script id="my-template" type="text/x-handlebars-template">
  <h1>{{title}}</h1>
</script>

Then, on JavaScript:

const easyHandlebars = require('easy-handlebars');

easyHandlebars('my-template').compile({
  title: 'Hi there!'
});

Why is easyHandlebars simpler?

Check the following comparison:

easyHandlebars API

let compiled = easyHandlebars('my-template').compile({
  title: 'Hi there!'
});

The native Handlebars way

let templateEl = document.querySelector('#my-template');
let templateHtml = templateEl.innerHTML;
let template = Handlebars.compile(templateHtml);

let compiled = template({
  title: 'Hi there!'
});