Redux + React Router を使ったサンプルページを作りました

Redux + React Router を使ったサンプルページを作りました。

1. スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

3. 動作

用意されたページのリンクをクリックすると、画面が切り替わります。

メモ

• ウェブブラウザの「戻る」「進む」が使えます。
• 最初のページ以外のURLはダミーなので、ウェブブラウザでそちらのURLを直接指定してもアクセスできません。

4. メモ

• 各モジュールのバージョンが重要です。今回は以下のバージョンを使いました。
  • react-redux は v5系
  • react-router は v3系
  • react-router-redux は v4系

5. ソースコード

• laboradian/redux-react-router-sample001: Redux using React Router sample

6. 参考情報

• Usage with React Router · Redux
• react-router/docs at v3 · ReactTraining/react-router
• reactjs/react-router-redux at 4.0.x