【Reactを始める方法】第4回 インストール編 - React
Reactを始める方法
tags: node
react
babel
webpack
【Reactを始める方法】第4回 インストール編 - React
連載の記事
- 【Reactを始める方法】目次
- 【Reactを始める方法】第1回 準備
- 【Reactを始める方法】第2回 インストール編 - Webpack
- 【Reactを始める方法】第3回 インストール編 - Babel
- 【Reactを始める方法】第4回 インストール編 - React
- 【Reactを始める方法】第5回 設定編 - Webpack
- 【Reactを始める方法】第6回 設定編 - Babel
- 【Reactを始める方法】第7回 実装編 - HelloWorld
今回やること
- React のインストール
React をインストール
React本体をインストールします。
npm install react react-dom --save
アーキテクチャとして、 flux をインストールします。
flux よりも、redux や react hooks が流行りだと思いますが、
勉強不足なので flux を選択しています。
npm install flux --save
React でルーティングを簡単にするために、 React Router をインストールします。
npm install react-router-dom --save
その他 - おすすめのモジュール
フィードバックループの増幅など、開発にうれしいプラグインです。
Clean plugin for webpack
build するときに、build先のディレクトリ を削除してくれます。
過去のファイルの消し忘れに悩まなくてよくなります。
https://github.com/johnagan/clean-webpack-plugin
npm install clean-webpack-plugin --save-dev
React Hot Loader
開発中に、ファイルの変更を監視して、変更を即座にブラウザに反映してくれます。
https://github.com/gaearon/react-hot-loader
npm install react-hot-loader --save-dev
これで インストール は完了です。
次回は Webpack の設定ファイルを作っていきます。