UserScriptでpreactを使う
/villagepump, /programming-notes, /takkerの先人の知恵/ソースコードがとても役に立った
https://github.com/takker99/scrapbox-katex-previewer/blob/main/App.tsx
これとかシンプルで理解しやすいな
もちっとシンプルなの作りたいなtakker.icon
code:script.js
import {html, render} from 'https://scrapbox.io/api/code/programming-notes/htm@3.0.4%2Fpreact/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
https://github.com/developit/htm