Reduxの環境を5分で構築しよう！

Reduxの環境を5分で構築する方法を記します。

Reduxとは

Redux（リダックス）とは、Reactにおけるコンポーネントの状態を管理する機能を提供するライブラリです。

今回のゴール

Node.jsをインストールし、Reactプロジェクトを作成し、ReactプロジェクトにReduxをインストールすること

OS情報

• Windows10

構築手順

1. Node.jsをインストール
   https://nodejs.org/ja/にアクセスし、推奨版をダウンロードします。
   標準設定でインストールする場合は、デフォルトのまま「Next」をクリックすればよいです。

2. Reactプロジェクトを作成
   コマンドプロンプトを開き、任意のディレクトリにReactプロジェクトを作成します。
   npx create-react-app <project_name>と入力します。

3. Reduxのインストール
   作成したプロジェクトにReduxをインストールします。
   まず作成したプロジェクトのルート階層へ移動します。
   npm install --save reduxと入力します。

4. React Reduxのインストール
   「React Redux」というパッケージをインストールすることで、ReactプロジェクトでReduxを使用できるようになります。
   npm install --save react-reduxと入力します。

まとめ

以上の手順でReduxが使用できるようになりました。
新しくプロジェクトを作成する際には、1の手順は飛ばし、2～4の手順で作成しましょう。

おわり