取代 jsx

https://github.com/developit/htm 

 

取代 jsx

 

使用 htm (最推薦的字串替代方案)

如果你覺得 React.createElement 太難讀，開發者常用的方案是 htm。它利用 ES6 的樣版字串 (Template Literals)，讓你能在瀏覽器中直接執行類似 JSX 的語法，完全不需要編譯。

你可以直接透過 CDN 引入，適合快速原型開發：
HTML

<script type="module">
  import { h, render } from 'https://esm.sh/preact';
  import htm from 'https://esm.sh/htm';

  // 初始化 htm
  const html = htm.bind(h);

  function App (props) {
    return html`<h1>Hello ${props.name}!</h1>`;
  }

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