Nekonote

Nekonote(ねこのて)もかりたい

【Reactを始める方法】第4回 インストール編 - React

このエントリーをはてなブックマークに追加

Reactを始める方法

tags: node react babel webpack

【Reactを始める方法】第4回 インストール編 - React


連載の記事


今回やること

  • 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 の設定ファイルを作っていきます。


おすすめ 記事