redux-observableを利用して非同期通信を実装したサンプルアプリケーションです。 APIから取得したTodoリストを表示・更新できるTodoリストです。

React Reduxの公式ドキュメント内で紹介されているBasic TutorialのTodoアプリがベースとなっています。

このリポジトリはnishina555/redux-observable-todoappにAPIへのリクエストの状態をStateで管理できるよう追加実装をしたものとなっています。

実行方法

APIサーバーの用意

// todos.json

{
  "todos": [
    {
      "id": 1,
      "content": "do something",
      "completed": false
    },
    {
      "id": 2,
      "content": "go somewhere",
      "completed": false
    }
  ]
}

### json-serverのインストール
$ yarn add json-server

### port4000でJSON Serverを起動し、todos.jsonが取得できるようにする
$ json-server todos.json --port 4000

起動

$ yarn start

---

This is a Todo App written in TypeScript for studying redux-observable. The app is based on the one introduced to React Redux tutorial.