Reactにおけるトランスパイラー【Babel】の役割 - Qiita

概要 前回の記事【ReactのJSXについて理解を深めよう！】においてちらっとトランスパイラーについて触れましたが、今回はさらにトランスパイラーについて深掘りしていきたいと思います！ 続きはこちら 【webpack】をサクッとまとめる トランスパイラーとは 人間の職業で言うところの通訳者・翻訳者のような役割を果たしてくれます！ トランスコンパイラ（他にトランスパイラ、ソース・トゥ・ソースコンパイラ、などとも）は、あるプログラミング言語で書かれたプログラムのソースコードを入力として受け取り、別のプログラミング言語の同等のコードを目的コードとして生成する、ある種のコンパイラである。 wikipediaより JSXはそのままでは実行できず、トランスパイラーを使って実行可能なJavaScriptに変換する必要があります。その変換作業のことをトランスパイリング、変換することをトランスパイルと言います

[JHashimoto]

"左側のスペースにJSXのコードを打つと、画像のように右側のスペースにリアルタイムでJavaScriptに変換されます。"