ブラウザー上でReactやTypeScriptのコードをコンパイルして動かすツールを作った

通常、ReactやTypeScriptを使って開発する場合は、ローカル環境で開発して、ビルドして、ブラウザーで表示するという流れになります。 ただ、昨今のブラウザーの性能はかなり高くなっており、ES Modulesをうまく使うことで、ノーバンドルでReactやTypeScriptをリアルタイムにブラウザー上で反映させることができるのではないかと考えました。 この案をもとに、何番煎じかわかりませんが、ブラウザー上でリアルタイムにReactやTypeScriptをバンドルするライブラリを作成しました。 以下のようにコードを書くだけで、ブラウザーで実行可能なJavaScriptコードが生成されます。 import { browserBundle } from "browser-bundler"; const code = ` import React from "react"; import R

[yarumato]

“ローカル環境でビルドするのではなく、ノーバンドルでReactやTypeScriptをリアルタイムにブラウザー上で反映させるライブラリを作成した。コードのビルドにTypeScriptのライブラリとES Modules、esm.shサービスを利用”

[murasuke]

babelでdata-presets="react"にしてあげれば、ブラウザ内で完結できそうだけど、どう違うのかな？https://qiita.com/murasuke/items/8dbe350c0c1c1fe269bf

[kamm]

何をやっているのか全然わからない。魔法みたい