React.js： JSXファイルのトランスパイル後のJavaScriptコードを確認する方法

React.jsでJSXファイルを作成した時、それがBabelでトランスパイルされた後のJavaScriptコードを確認したいと思いませんか？

実はできるんです。

Babelがどのように変換するか確認したいときは、Babel REPL

を使うことで、変換後のJavaScriptコードを確認できます。

このWebサイトでは、ページの左側に新しい構文のJavaScriptを記述すると、即座にBabelでコンパイルされて、ページの右側に結果が表示されます。

是非、ご活用ください。