はじめに
この間、会社の先輩からReactが面白い！って話を聞いたので
自分用にまとめてみました。
目次
１．環境
２．Node.jsのインストール
３．Reactのインストール
４．Reactのアプリを構築しよう！
５．まとめ
１．環境
・Windows10
・Node.js
・React
２．Node.jsのインストール
Reactを使ったアプリを開発する場合、Npde.jsとnpmが必須になります。
Node.jsダウンロードサイト
念のため、npmのアップデートをしておきましょう。
npm update -g npm
３．Reactのインストール
npmを使ってReactをインストールしましょう。
npm install -g create-react-app
４．Reactのアプリを構築しよう
Reactのアプリ構築にはnpxコマンドを使います。npmのバージョン5.2.0以降では自動でダウンロードされます。
もしない場合は手動でインストールしましょう。
npm install -g npx
準備が出来たらReactのアプリを構築しましょう。
npx create-react-app アプリ名
アプリの構築が完了したらサーバを起動してみましょう。
cd [作成したアプリのディレクトリ]
npm start
自動でブラウザが起動し次のような画面が出力されていればOK
５．まとめ
Reactは数あるフロントエンドフレームワークの１つです。HTMLなどのフロント言語が苦手だけど、JavaScriptは得意だよ！という方やNode.jsを使った経験のある人にはおすすめできます！
次回は、React-Router-domを使ったReactのルーティングについてまとめていこうと思います。