アプリ概要
Bookモデルに対してCRUD操作ができるだけのアプリです。
サーバーサイドはRails(4.2.1)で作成し、JSONを返すだけでViewは担当していません。APIに徹してもらいました。
クライアントサイドはReactで作成し、AjaxでRailsとやりとりしています。Fluxはよくわかっていないので使っていません。
ソースはこちら
Github: https://github.com/takayuki-ochiai/react-rails-practice
参考にしたもの
RailsでReactを動かしてみる(browserify + watchfy + reactify)
npmの使い方やルーティングの方法はこちらを参考にさせていただきました。
Reactはこちらの方式にのっとり、npmでインストールしています。
React.jsでRailsのScaffoldを再現してみた
AjaxでのRailsとのやりとりであったり、CRUDのコンポーネントの作成はこちらを参考にさせていただきました。
ルーティングについて
React.jsでserver-side renderingにも対応したRouting
React初心者のためのreact-routerの使い方
ルーティングはreact-routerを使っていたのですがけっこうハマりました。
これらの記事で趣がつかめましたが、個人的にはわかりづらさを感じたので別記事でまとめたいと思います。