React.js-HelloWorldの例 (基本)

Reactアプリを設定するのは面倒な作業です。 WebpackやBabelトランスパイラーなどのビルドツールを調べて理解する必要などがあります。

ただし、Reactのコアチームはこの作業を簡単にしました。 ”react-app my-app” で Reactアプリケーションを簡単に作成できます。 WebpackとBabelトランスパイラーをわざわざインストールする必要はありません。 これらはパッケージに事前設定される様になりました。

”react-app my-app”の使い方を以下に示します。　例はWindowsの使用での場合です。

必要なモジュールをダウンロードしてインストールするには、次のように入力してください。

npm init react-app helloworld

以下のような表示が出てきます。 終了するまで待ちます。

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template 
...

インストールが完了したら、以下のように入力します。

cd helloworld 
npm start

以下ようなページが表示されれば、完了です。