h() missing from README.md example?

The README.md example says to use

import { h, render } from 'preact';

render((
    <div id="foo">
        <span>Hello, world!</span>
        <button onClick={ e => alert("hi!") }>Click Me</button>
    </div>
), document.body);

but this makes h an unused import… should that be render(h(....))?

[ForsakenHarmony]

no, the generated code contains h

import { h, render } from 'preact';

render((
    <div id="foo">
        <span>Hello, world!</span>
        <button onClick={ e => alert("hi!") }>Click Me</button>
    </div>
), document.body);

will be transpiled to

import { h, render } from 'preact';

render((
    h("div", {id: "foo"}, 
        h("span", null, "Hello, world!"), 
        h("button", {onClick:  e => alert("hi!")}, "Click Me")
    ),
), document.body);

More on jsx (h replaces React.createElement, you could also use preact.h of course)

[Pomax]

Thanks, I’ll definitely give that a read!

But, as someone who is super comfortable with JSX (I’ve written several longreads about react with jsx back when we were on React 0.12) and despite that had never heard of hyperscript. Tech stack bubbles are weird =)