3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

なんと!Webで!Reactを!ためせる!

Last updated at Posted at 2022-09-13

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」を選ぶといいです。
image.png

まとめ

結局CodeSandboxとかStackBlitz使えばいいんじゃない?って話になるのでしょうか?
TS Playgroundとの比較も楽しいかもしれません。

こういうPlaygroundは記事書くときのサンプル作成にも便利ですよね〜。
色々タイポしがちな僕とかは特に(え

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?