React Sample

• WEB+DB PRESS Vol.86 "Reactによるフロントエンド開発の変革"
• WEB+DB PRESS Vol.87 "Flux …フロントエンド開発の新しいアーキテクチャ"

に掲載されていたサンプルアプリを GAE で。

Browserify によるビルド

gulp のタスクとして定義したので

$ npm install -g browserify
$ npm install -g watchify
$ npm install -g gulp
$ npm install
$ gulp

とすると、static/jsx/src/*.jsx に変更があったときに自動的に static/jsx/dst/bundle.js を更新します。

Google App Engine の開発サーバーは別途起動する必要があります。

$ /usr/local/google_appengine/dev_appserver.py .

Flux フレームワーク

Flux のリファレンス実装として、記事に記載されていた Fluxxor を使っています。

gulp タスクの作成

gulpfile.js については以下の記事を参考にさせていただきました。

• http://qiita.com/hkusu/items/e068bba0ae036b447754
• http://qiita.com/yymm@github/items/1607084a78a92db9e682