Preact meets CMS: Building Lightweight Portable Widget Components

inlined-habitat.js

import { h, Component } from "preact";
import habitat from "preact-habitat";

class HelloWidget extends Component {
  render() {
    let time = new Date().toLocaleTimeString();
    let name = this.props.name || "nobody";
    return <h1>{`Hello ${name}, time is: ${time}`}</h1>;
  }
}
let helloWidgetHabitat = habitat(HelloWidget);
helloWidgetHabitat.render({
  inline: true
});

// assuming your build tool exports a `hello-widget.js` static file.