React.jsプロジェクト構成ベストプラクティス検討

概要

• React - Google 検索
• Tutorial | React - React公式チュートリアル
• Tutorial | Flux - Flux公式チュートリアル

Flux

導入、理解

• React.js + Flux入門
  • Fluxの説明がわかりやすい
• 最近のReactへの言及についての違和感 - mizchi's blog
  • React.js、Fluxについてよくわかる。
• ReactとFluxのこと
  • mizchiさんおすすめの記事。Fluxについてわかりやすく説明。
• Fluxの概念図を分かりやすくしてみた - Qiita

参考になるソース

• flux-todomvc
  • 公式のサンプル。
• yahoo/flux-examples
  • 1031 stars。

ひな形

isomorphic

• relayjs/relay-starter-kit
  • 570 stars。Relayのスターターキット。
• davezuko/react-redux-starter-kit
  • 2400 stars。React・Redux・React Router・Koa。(※isomorphicではなくなった)。
• erikras/react-redux-universal-hot-example
  • 3800 stars。express, react, redux, webpack。
• kriasoft/react-starter-kit
  • 6600 stars。とても丁寧。Flux。
• este/este
  • 2500 stars。Flux・immutable.js・webpack。
• RickWong/react-isomorphic-starterkit
  • 1600 stars。Hapi.js・React・Babel・Webpack
• dozoisch/koa-react-full-example
  • 374 stars。Koa, React, Passport, Mongoose, Webpack, Mocha, Babel。
• carlosazaustre/universal-js-boilerplate
  • 282 stars。Babel・Browserify・Express・Gulp・ES6。

その他

• reactjs/react-rails - 1700 stars。ReactをRailsで使うためのgem。React WayでRails開発する人向け。

おわりに

ご意見ください。