Gunosy React Meetup #gunosyreact
-
- いいね！0
ぽち@PCHW
@pchw
#gunosyreact jQuery思想からComponentに切り出してReactに適用させていく．設定と，メインループ用のCanvas，Pipe,タコ・・・
2015-03-30 19:59:35
ぽち@PCHW
@pchw
#gunosyreact Component化したらReact Canvasに置き換えていく．Canvasであることをほぼ意識しないで良いようにできる．
2015-03-30 20:00:58
kadoppe | WE UP
@kadoppe
普通のjQuery + DOMで開発 → React + DOMで開発 → React Canvasで開発。 Canvasであることを意識することはなかった。 #gunosyreact
2015-03-30 20:01:19
ぽち@PCHW
@pchw
#gunosyreact 土管の移動やタコをジャンプするのにアニメーションが必要だが，CanvasなのでCSS Animationが使えない
2015-03-30 20:01:27
kadoppe | WE UP
@kadoppe
react-state-animationというnpmモジュールを自分でつくって公開。CSSのアニメーションをReact Component or Canvasに適用するため。 #gunosyreact
2015-03-30 20:02:43
ぽち@PCHW
@pchw
#gunosyreact setStateは非同期なので，アニメーションにはちょっと向かない．forceUpdateでstyleを変更した方がよかった
2015-03-30 20:03:06
kadoppe | WE UP
@kadoppe
React Canvasを使うと、60 FPSで動くアプリをCanvas職人でなくても作れる。 しかし、React Canvasの開発は全然活発ではない。 #gunosyreact
2015-03-30 20:04:04
ぽち@PCHW
@pchw
#gunosyreact 純粋関数がReactと何の関係があるか？React.PureRenderMixinが純粋関数を渡すと最適化が走って早くなる．
2015-03-30 20:07:00
kadoppe | WE UP
@kadoppe
PureRenderMixinを使うと、自分のコンポーネントが「純粋」であれば、パフォーマンスが最適化される。 #gunosyreact
2015-03-30 20:07:03
ぽち@PCHW
@pchw
#gunosyreact React wayというprops，state以外は使わないほうがいいというのがあるんだけど，arrayにpushしても同じものと判定されるので変更を検知できない
2015-03-30 20:08:49
Tsuyoshi Higuchi
@tyshgc
本日のスライドです。 - Reusable Component UI Design : React.jsで考える再利用性の高いUIデザイン @tyshgc speakerdeck.com/tyshgc/reusabl… #gunosyreact
2015-03-30 20:09:02
kadoppe | WE UP
@kadoppe
stateでObjectや配列を参照している場合、PureRenderedMixinはプロパティの変化や要素の追加を検出できない。 #gunosyreact
2015-03-30 20:09:39
ぽち@PCHW
@pchw
#gunosyreact PureRenderMixinと配列を一緒に使うと，renderが呼ばれないで更新されないということが起こる．もちろん全く違う配列を作りなおしたら更新されるけど．
2015-03-30 20:09:48