TypeScriptでの挙動確認したいな〜とか、それを共有したいな〜って時はTS Playgroundを使ってるのですが、そうなってくるとライブラリを使った時の挙動も試したくなるものです。
Reactなんかがそれですね。
TS Playgroundでimportする機能とか無さそうだしなぁ、と思ってぐぐってみました。
TS Playgroundから他サービスにExport
stackoverflowで説明されてたのがこの方法ですね。
TS PlaygroundのExportメニューから「Open in ...」で他サービスにコードを移行するやり方。
CodeSandboxとかに移行してReactをDependenciesに追加するといいですね。
CodeSandboxでReactを使う
もう上で書いちゃってますけどReactをDependenciesに追加するか、CodeSandboxのテンプレートから「React Typescript」を選ぶといいです。
まとめ
結局CodeSandboxとかStackBlitz使えばいいんじゃない?って話になるのでしょうか?
TS Playgroundとの比較も楽しいかもしれません。
こういうPlaygroundは記事書くときのサンプル作成にも便利ですよね〜。
色々タイポしがちな僕とかは特に(え