Hyperapp#2 Helmet Component

Helmet.js

// Hyperapp#2 Helmet Component 

// This is based on Hyperapp Portal helper and Lifecycle events helper
// https://gist.github.com/sergey-shpak/88962fdb4002d9a77d315ee9769e6efb
// https://gist.github.com/sergey-shpak/c1e0db3d52019eecb0b5717e8cbf00ad

const Portal = target => (props, child) =>
  h('source', { // <- any non-space element
    appendChild: target.appendChild.bind(target),
    removeChild: target.removeChild.bind(target)
  }, child)

export const Helmet = Portal(document.head)

working-example.js

import { app, h } from "hyperapp"
import { Helmet } from '/helpers'

// Pen https://codepen.io/sergey-shpak/pen/yLLaqjY

app({
  init: {},
  view: state => h('div', {}, [
    h(Helmet, {}, [
      h('title', {}, ['My custom header'])
    ]),
    'This frame has custom title, check it :)'
  ]),
  node: document.getElementById("app")
})