How to use the hyperhtml/esm.bind function in hyperhtml

To help you get started, weโ€™ve selected a few hyperhtml examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github krausest / js-framework-benchmark / hyperhtml-v2.4.0-keyed / src / index.js View on Github external
import { bind, wire } from "hyperhtml/esm";

import { startMeasure, stopMeasure } from "./utils";
import { Store } from "./store";

const rows = new WeakMap;
const store = new Store();
const render = bind(document.querySelector("#main"));
app(render);

//

function app(render) {
  render`
    <div class="container">
      <div class="jumbotron">
        <div class="row">
          <div class="col-md-6">
            <h1>hyper(HTML) v2.4.0</h1>
          </div>
        <div class="col-md-6">
          <div class="row">
            <div class="col-sm-6 smallpad">
              <button id="run" class="btn btn-primary btn-block" type="button">Create 1,000 rows</button></div></div></div></div></div></div>

hyperhtml

A Fast & Light Virtual DOM Alternative

ISC
Latest version published 2 years ago

Package Health Score

56 / 100
Full package analysis