絵文字検索を 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.jsimport している preact などが読み込まれて〜という感じになっている

#20200114 #0114

関連ページとランダムに選ばれたページ

筆者について

jigsaw(ジグソウ、1991年6月12日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやし たかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。
さらに詳しく

寄附について

面白かったらBTCETHでの寄附をお待ちしております。
寄附のきろく