プログラミング

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 development

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

目次1. はじめに2. Lesson 3: Creating Accessible WebpagesTools to useScreen readersContrast checkersLightho …

Web Components

Web Components: Shadow DOM に HTML と CSS をセットするいろいろな方法

Web Components の Shadow DOM を使う場合のファイル構成やコードについて、いろいろなパターンを紹介します(最小限のコードのみです)。

フレームレートを指定して Canvas に描画するサンプルページを作りました

フレームレートを指定して Canvas に描画するサンプルページを作りました。 目次1. スクリーンショット2. デモ3. 説明4. ソースコード 1. スクリーンショット スクリーンショット 2. …

web development

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

目次1. はじめに2. Lesson 11: Creating a game using eventsEvent driven programmingCommon eventsCreating the …

JavaScript でスロットマシーンを作ってみました

JavaScript でスロットマシーンを作ってみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンショット スクリーンショット 2. …