手っ取り早くReactするなら Create React App

どうも、夏らしいこと特にしてない fujihara です。
本日は簡単にReact を初められる Create React App をご紹介します。

はじめに

Reactでの開発をするにあたり、初めは必要なモジュールのインストールであったり、コンパイル等の仕方だったり苦労しました。
しかしこのCreate React Appがあるとそこらへん全てすっ飛ばしてReactをはじめられるのでオススメです。

インストール〜起動（開発）

#インストール

npm install -g create-react-app

#開発ディレクトリ作成

create-react-app first-react

(↑ 必要なモジュールインストールするので時間がすこしかかります。）

#開発ディレクトリに移動

cd first-react

#起動（開発）

npm start

これでブラウザで localhost:3000 が画面に表示されます。

フォルダ構成

ソースディレクトは src になります。ブラウザの参照先はpublic ディレクトリになります。
ソースディレクトリ配下が監視下になっており変更するとすぐにブラウザが更新されます。

ビルド

静的書き出しするにはビルドを実行します。ビルドは以下でできます。

npm run build

まとめ

まだReactを初めたことない方でもこれを使えば、すぐにお試しでReactが初められます。是非お試しください。