Skip to content

Instantly share code, notes, and snippets.

@sugyan
Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sugyan/7636461f00d94b51eb7a to your computer and use it in GitHub Desktop.
Save sugyan/7636461f00d94b51eb7a to your computer and use it in GitHub Desktop.

Reactに触れてみて

特徴:

  • 描画するComponentに分けて管理・再利用できる
  • 状態が変化し再描画が必要になっても最小限の更新差分でやってくれる
  • server side renderingにも対応しているのでSEO対策にも効く

というところで 使いどころは

  • 要素の動的変更が多いsingle page application
  • ある程度動的で、かつSEOも考慮したいWebアプリ

など、かな?

react-router

view機能のみを提供するReactに、Routing機能を持たせる 共通のナビゲーションメニューを持つページ間で遷移のあるWebアプリなどをsingle pageにしやすい NestしたRoutingやDynamic Segmentsなども対応しており多機能

Ruby on Railsで使う

react-rails gem

  • jsxは自動でprecompileしてくれる
  • react_componentというヘルパーメソッドを提供してくれる
  • ExecJSを使ったserver side renderingも可能

とはいうものの

  • coffeeで書くの? hoge.js.jsx.coffee... jsxとcoffeeの併用のメリット、デメリット
  • Turbolinksとreact-routerが相性悪い気がする
  • react-routerが絡んでLinkとか含んでいるとserver side renderingできない気がする
  • フロントでのRoutingは諦めてview componentを再利用する、のが使い道か? でもそれはRailsのtemplateでだいたい出来る気もする
  • そうするとReactの使い道はどこ?

既に十分なRoutingとTemplate機能を持っているRails、普通にRESTfulに作ってるだけのWebアプリには使い道なさそう

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment