React Router を導入

できたこ

  • SPA で URL とコンテンツを更新する
  • URL の パラメタとフォームの値を連動させる
  • (内部的には、history API をつかってる)

f:id:whitech0c0late:20171017004529p:plain

https://tenki-yoho.herokuapp.com/?place=iwate

ついでに

  • memcached と warmup スクリプトを追加 (キャッシュ)
  • Rack::Static をつかって、ルートで index.html 返せるようにした

Sinatra で 静的ファイルを返す - Qiita

感想とメモ

  • history API の内容が props に追加されているので、いろいろできそう
  • componentDidMount で setState しようとすると、constructor とダブルで render しようとして動かない
  • heroku 便利だ

あわせて読みたい

whitech0c0late.hatenablog.com