かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

TypeScriptでReactとRedux使って一覧と詳細画面みたいなのを作ってみた

Reduxの勉強がでら、ログインして一覧画面が出てデータの編集ができるみたいなのを作ってみました。

サインインの画面が出てきて

f:id:okazuki:20160117162853p:plain

admin/p@ssw0rdでサインインするとデータの一覧がでて、一応ページ切り替えが出来て

f:id:okazuki:20160117163011p:plain

編集リンクをクリックすると編集画面が出て

f:id:okazuki:20160117163152p:plain

編集して保存ボタンを押すと保存して成功したらアラートが出る感じ。

f:id:okazuki:20160117163346p:plain

課題

  • WebAPIを呼び出してる間にプログレスとか出ない
  • 入力値の検証してない
  • 見た目いけてない

ソース

GitHubにソースを上げてます。

github.com