UserScriptでpreactを使う

/villagepump, /programming-notes, /takkerの先人の知恵/ソースコードがとても役に立った

これとかシンプルで理解しやすいな

もちっとシンプルなの作りたいなtakker.icon

code:script.js

(() => {

const root = document.getElementById('app-container');

render(html<p>Hello</p>, root);

})()

最低限のrenderはこんな感じかな

スタイル加えるとこうなる

https://gyazo.com/d1580bd01fafc61e07ff4149c5486f67

preact、後で自分でbundleしよう

JSX記法のところは「html」で括る必要がある感じか

JSX記法ではなく、タグ付きテンプレートを用いてJSXもどきを生のJSだけで書けるようにしたやつですtakker.icon