読者です 読者をやめる 読者になる 読者になる

かずきのBlog@hatena

日本マイクロソフトに勤めています。XAML + C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。掲載内容は個人の見解であり、所属する企業を代表するものではありません。

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

TypeScript React

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