hyperAppOneTemplateTagLiteral.js

// here we import 'html' instead of just 'h'
import { html } from 'hyperapp';

// now we use the 'html`` template tag literal
const view = (model, msg) => (html`
  <div class="counter">
    <h1>Welcome to the hyperapp-one boilerplate!</h1>
    <p><em>With JSX</em></p>
    <hr class="line-break" />
    <section>
      <button
        class="add"
        onclick=${msg.add}
      >
        +
      </button>
      <h1>${model.num}</h1>
      <button
        class="sub"
        onclick=${msg.sub}
        disabled=${model.num <= 0}
      >
        -
      </button>
    </section>
  </div>
`);

export default view;