React.js + fluxの勉強するのに参考になったリンクのまとめ。

公式

[React]
(https://facebook.github.io/react/)

[Flux]
(https://facebook.github.io/flux/)

解説

日本語で大変わかりやすい良記事。ひと通り目を通せば概要をつかめます。
[一人React.js Advent Calendar 2014]
(http://qiita.com/advent-calendar/2014/reactjs)

ライブラリ

画面遷移

画面遷移はreact-routerがデファクトらしいので。
[React初心者のためのreact-routerの使い方]
(http://beck23.hatenablog.com/entry/2015/02/20/054900)

isomorphic

yahooのライブラリfluxibleを使ったisomorphicのサンプル
[yahoo/flux-examples]
(https://github.com/yahoo/flux-examples)

通信

JQueryは使いたくなかったので通信はこちらを。
[JavaScript - jQuery.ajaxの代わりにSuperAgentを使う]
(http://qiita.com/hashrock/items/3113690bb3de5bba639b)

ツールやサンプル

facebookがまとめてるツールとかサンプルコードまとめ
[Complementary Tools · facebook/react Wiki]
(https://github.com/facebook/react/wiki/Complementary-Tools)

GUIでJSX作れるやつ。仮のページ作るならこれで十分
[react-ui-builder]
(https://www.npmjs.com/package/react-ui-builder)

JSX->Javascriptの変換確認
[JSX Compiler Service]
(http://facebook.github.io/react/jsx-compiler.html)

HTML->JSXの変換確認
[HTML to JSX]
(http://facebook.github.io/react/html-jsx.html)

Componentのサンプル群
[React Components]
(http://react-components.com/)

npm

Gulpでもろもろ効率化
[Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ]
(http://liginc.co.jp/web/tutorial/117900)

Gulpのコマンドはnpmでラップする感じで
[npm で依存もタスクも一元化する]
(http://qiita.com/Jxck_/items/efaff21b977ddc782971)

インフラ

Isomorphoc的に使う場合はバックエンドの前にjs/proxyサーバを立てる感じらしい。
クラウドのオートスケール前提ですよねーこれ。AWSとかで。
[Isomorphic Survival Guide // Speaker Deck]
(https://speakerdeck.com/koichik/isomorphic-survival-guide?slide=43)