The latest version of hyperHTML removed superfluous complexity. If you setup an engine in the latest hyperHTML you will not see any difference in performance.
The majinbuu based DOM engine
// ESM example, import hyperHTML and this project
import hyper from 'https://unpkg.com/hyperhtml@latest/esm/index.js';
import hyperbuu from 'https://unpkg.com/hyperhtml-majinbuu@latest/esm/index.js';
// set this project as hyperHTML engine
hyper.engine = hyperbuu;
// configure eventually MAX_LIST_SIZE
// to fallback, when too big,
// to the default hyperHTML engine
hyper.engine.MAX_LIST_SIZE = 500;
// by default this is 1000
You can also add the engine simply including https://unpkg.com/hyperhtml-majinbuu@latest/min.js
script after https://unpkg.com/hyperhtml@latest/min.js
.
You can use CommonJS too (based on .default
convention):
const hyper = require('hyperhtml').default;
hyper.engine = require('hyperhtml-majinbuu').default;