DenoだけでReactアプリを作
kuuote.icon
一応経緯としては
現代でReact.jsやるならやはりTypeScript+JSX=TSXか
でもnode.js触りたくない…
そうだ、denoにやってもらおう、bundle使えばいけそうかな
JSXは受け付けてくれるのにTSXは拒否される
ちょっと直せばいけるのかな、とりあえずビルドしよう
今回のに限らないけど変なこだわり(宗教)のせいで遠回りをして無駄に時間を浪費していることが多い この間僕もこれやった！yuta0801.icon
Reactならフレームワークを使うからやらないけど、サーバー側スクリプトでJSXだけ使いたかった
素直にフレームワークに乗ればいいのにと思わんでもない
普通に乗っかったほうがよいと思う
だいたい隠蔽してくれるし便利な機能も付いてる
Denoで書くとしてもフレームワークを使わないと結構めんどくさい部分を書くことになる
めんどくさい部分というか、別に自分で書かなくてもよいような、勝手にやってほしい部分
JSXでSVG書いてPNGにしたかったのだけど、変換ライブラリがDenoにはなかったのでRustでnative pluginを書くことになった
すごい
ちなみにこの一週間そのnative pluginのフォントレンダリングの問題に毎日2時間ぐらいかけて調査してる…
全然context違うけど一日2時間と時間を制限して調査できるのすごいと思ったtakker.icon
JSXはともかくとしてTypeScriptを使うとなると現状node.jsから逃れる術は無さそうな事に気付いた人の顔してる
あれDenoならTypeScriptを標準で使えませんでしたっけ
じゃなくてReact.js+Typescriptだとnode.jsを使わざるを得ないということ？
です
ブラウザ向けにビルドするのはDenoだと現状無理そう
frontend向けDenoはやくほしい
DenoはWebとの互換性を強く保っているのでDeno固有の処理を使っていないのならそのまま動くはずyuta0801.icon
importしているスクリプトもまとめるdeno bundleというコマンドもある
TSの変換もやってくれてブラウザにも対応しているみたい
Denoのさらなる開発が望まれる
2021-11-28 13:34:39 かなり充実してきたtakker.icon
frameworkなしでも、DOMテスト以外なら全部できます
最終的にweb browserで動かすJSファイルはdeno bundleですぐ作れる
webpackのように、細かい設定をしたり間にloaderを噛ませたい場合はesbuildを使えばいい いずれもwebpackなどとは比較にならないくらい速い
frameworkを使うとlocalhostを使ったhot reloadが簡単になる
DOMテストは、jsdomに相当するDeno libraryさえできれば可能になる 既にご存知かもしれませんが一応紹介しておきます
JSX扱えるっぽいしbundleやminifyもしてくれるっぽい
遊ぶだけならこれでよさそう
2021-11-28 13:35:43 あ、esbuildの存在はここで知ったのかtakker.icon
最近は毎日のようにお世話になっている
Reactよき…JSXはJavaScriptのObjectになるのでプログラムの中にUIのコードが書ける、最高
プログラムで組み立てられるのですごく便利