Reactロードマップ～アプリ構築～

#はじめに
この間、会社の先輩からReactが面白い！って話を聞いたので
自分用にまとめてみました。
#目次
１．環境
２．Node.jsのインストール
３．Reactのインストール
４．Reactのアプリを構築しよう！
５．まとめ
#１．環境
・Windows10
・Node.js
・React
#２．Node.jsのインストール
Reactを使ったアプリを開発する場合、Npde.jsとnpmが必須になります。
Node.jsダウンロードサイト

念のため、npmのアップデートをしておきましょう。

#３．Reactのインストール
npmを使ってReactをインストールしましょう。

#４．Reactのアプリを構築しよう
Reactのアプリ構築にはnpxコマンドを使います。npmのバージョン5.2.0以降では自動でダウンロードされます。
もしない場合は手動でインストールしましょう。

準備が出来たらReactのアプリを構築しましょう。
npx create-react-app アプリ名
アプリの構築が完了したらサーバを起動してみましょう。

npm start```
自動でブラウザが起動し次のような画面が出力されていればOK
![rea.PNG.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/605371/6f83fdd9-a0d7-629e-bfba-b7e743a36443.png)
#５．まとめ
Reactは数あるフロントエンドフレームワークの１つです。HTMLなどのフロント言語が苦手だけど、JavaScriptは得意だよ！という方やNode.jsを使った経験のある人にはおすすめできます！

次回は、React-Router-domを使ったReactのルーティングについてまとめていこうと思います。