絵文字検索を snowpack ベースに置き換えた

かなり昔から簡単なウェブアプリのサンプルとして絵文字検索をお題にしている

古くは https://github.com/e-jigsaw/emo-vue

react や inferno (懐かしい)とかもある

その最新版は preact-cli 版だったんだけど、snowpack 事始めで snowpack 面白いとおもったので snowpack ベースに置き換えてみた

https://github.com/kbystk/emo/pull/2

preact なのは変わらず

TIL

htm ではコンポーネントを参照するのに <${Comp} /> みたいな書き方をする

属性に変数とか関数をセットする時は <div onClick=${...}> みたいな感じ

preact/hooks をソース側で参照していたら node_modules/preact/hooks から引っ張ってきてほしかったんだけど、解決できないっぽくて諦めてホワイトリスト方式にした

esm なので当然なんだけど

ネットワークのリクエストをみると app.js が読み込まれて、それから app.js で import している preact などが読み込まれて〜という感じになっている