プログラミング

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

投稿日:2017年7月20日 更新日:

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

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 動作

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

メモ

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

4. メモ

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

5. ソースコード

6. 参考情報

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Web Components

Web Components の Slot について

Web Components の Slot について説明します。

web development

Web Development for Beginners を読む:レッスン4と5

目次1. はじめに2. Lesson 4: JavaScript Basics: Data TypesVariables(変数)Constants(定数)Data Types3. Lesson 5: …

web development

Web Development for Beginners を読む:レッスン2

目次1. はじめに2. Lesson 2: Introduction to GitHubIntroductionCode managementWorking on projects with othe …

React Redux

React + Redux の最小限の雛形コード

ここに載せている JavaScriptのコードは、React + Redux を使っています。 但し、まだ何も意味のある処理を書いていないので、このままだと 属性 id=”root” を持った要素内に …

docker

Docker を使って特定のバージョンのPHPコマンドを実行する方法

PHP: Supported Versions を見てみると、現在サポートされているPHPのバージョンは、7.2系統、7.1系統、7.0系統、5.6系統の4種類であることが分かります。PHP: Dow …