preact-starter.html

<!-- 
  - https://preactjs.com/guide/v10/getting-started#no-build-tools-route
    - https://preactjs.com/guide/v10/getting-started#alternatives-to-jsx
 -->
<script type="module">
  import * as preact from 'https://unpkg.com/preact?module';
  import htm from 'https://unpkg.com/htm?module';

  const h = htm.bind(preact.h);

  window.preact = preact;
  window.h = h;
  
  function App(props) {
    const greet = `hello ${props.name} from preact!`;

    return h`
      <h1>${greet}</h1>
    `;
  }

  preact.render(h`<${App} name="world" />`, document.body);
</script>