Easiest way to create HTML document fragments from text

render.js

"use strict";
{
  function df( t ) {
    return (new DOMParser).parseFromString(`<template>${t}</template>`,"text/html").head.firstChild.content;
  }
  
  function fc( t ) {
    const article = document.createElement('article');
    article.innerHTML = t;
    return article.firstChild;
  }
  
  // then you can do cool things like
  
  function component( { a, b, c } ) {
    return df( `
      <article>
        <h1>${ a }</h1>
        <p>${ b }</p>
        <img src=${ c }>
      </article>
    `);
  }
  
  
  // export
  
  Object.assign( self, {
    df,
    fc  
  });
}