es6-tagged-template-strings.js

index.js

let asAttrs = (strings, value) => {
  let attrs = [];
  for (let prop in value) {
    let val = value[prop];
    if (typeof val === 'boolean'){
      attrs.push(`${prop}` + (val ? '' : '=false'));
    } else {
      attrs.push(`${prop}="${val}"`);
    }
  }
  return attrs.join(' ');
}

let props = { 
  'data-one': 'one', 
  b: true, 
  c: false
};
let tag = 'div';
let attrs  = `<${tag} ` + asAttrs`${props}` + `>Hello world!</${tag}>`;
console.log(attrs); // '<div data-one="one" b c=false>Hello world!</div>'