React.js-HelloWorldの例 (基本)
Updated: Jun 27, 2020
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
以下ようなページが表示されれば、完了です。
