RailsでReactを動かしてみた(React + Rails + SQLite)

  • 14
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

アプリ概要

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)

http://qiita.com/ysm001/items/d07c4dcfe88793cd55b6

npmの使い方やルーティングの方法はこちらを参考にさせていただきました。
Reactはこちらの方式にのっとり、npmでインストールしています。

React.jsでRailsのScaffoldを再現してみた

http://qiita.com/Peranikov/items/ba6f31a88139543db6b8

AjaxでのRailsとのやりとりであったり、CRUDのコンポーネントの作成はこちらを参考にさせていただきました。

ルーティングについて

React.jsでserver-side renderingにも対応したRouting

http://qiita.com/koba04/items/737c783f1189355e053f

React初心者のためのreact-routerの使い方

http://beck23.hatenablog.com/entry/2015/02/20/054900#2

ルーティングはreact-routerを使っていたのですがけっこうハマりました。
これらの記事で趣がつかめましたが、個人的にはわかりづらさを感じたので別記事でまとめたいと思います。