Gunosy React Meetup #gunosyreact

ぽち@PCHW @pchw

#gunosyreact Immutable.Listを使うと，pushすると新しい配列を返してくれるので変更検知が出来る

kadoppe | WE UP @kadoppe

Immutable.js = Facebookがつくった。例えば、配列にPushすると、要素が追加された別の配列を返す、といったAPIを提供している。超便利。 #gunosyreact

kadoppe | WE UP @kadoppe

PureRenderMixinをImmutable.jsを組み合わせると、先ほどの「配列に要素追加してもrenderが呼ばれない」問題が解決する。 #gunosyreact

ぽち@PCHW @pchw

#gunosyreact Immutalbe.Listは新しい配列を返してくれるのでsetStateはちゃんと呼ばないとダメです．

ぽち@PCHW @pchw

#gunosyreact 「興味ある人はソースよんでください」

ぽち@PCHW @pchw

#gunosyreact おまけ：データフロー難しいと思いませんか？

ぽち@PCHW @pchw

#gunosyreact 子コンポーネントから親コンポーネントを変えるとき，一番簡単なのは子に親のコールバックを渡す

ぽち@PCHW @pchw

#gunosyreact Fluxは複雑・・・実装が微妙に違う．

kadoppe | WE UP @kadoppe

Fluxは複雑。実装もいくつかあり、それぞれ微妙に異なる。「私からみるとJavaに見える」 #gunosyreact

ぽち@PCHW @pchw

#gunosyreact 「私にはFluxは全部Javaに見える」

ぽち@PCHW @pchw

#gunosyreact 1画面しかない簡単な画面のときにどうすればいいんだろう？そこでkizuna.js！3時間ぐらいで書いた

ぽち@PCHW @pchw

#gunosyreact kizuna.jsはAngularっぽい

kadoppe | WE UP @kadoppe

Kizuna.js = 3時間で書いたライブラリ。テストはほとんどしていない。 Angular.jsのようなもの。ComponentのStateをグローバル変数にbindするような機能を提供。 #gunosyreact

ぽち@PCHW @pchw

#gunosyreact kizuna.jsはコンポーネントのstateをglobalにバインドする

ぽち@PCHW @pchw

#gunosyreact bindingというpropにstateとglobal varをバインディング定義して，子コンポーネントのstateと親コンポーネントのstateを結びつけたり出来る

ぽち@PCHW @pchw

#gunosyreact 「すごく闇のアレです」

kadoppe | WE UP @kadoppe

「ほんとにほんとにシンプルなサイトで使うのがおすすめ。」（Kuzuna.js）　#gunosyreact

ぽち@PCHW @pchw

#gunosyreact kizuna.jsも===で判定してるのでImmutable.jsを使ってね

mizchi @mizchi

#gunosyreact kizuna.js読んだけど、自分でも必要に迫られてやることはあるんだけど、 one-directional data flowを逆走するのどうなんだろうなというアレがいつも悩む

ぽち@PCHW @pchw

#gunosyreact 「カッコイイことやってるやつはあんまりオススメしない」

アオヤマ ミント @MintoAoyama

#gunosyreact おでんぽい美味しそうな香りがするぞい

松本 勇気 | LayerXはSaaS+Fintechの会社です @y_matsuwitter

ピッツァの香 #gunosyreact

masuidrive @masuidrive

今日の #GunosyReact の資料。そのうちブログにまとめます。 / “元某エヴァンジェリストが⁰見るReactNative // Speaker Deck” htn.to/Jpg6zk

kadoppe | WE UP @kadoppe

次「元某エヴァンジェリストが見るReactNative」 @masuidrive さん #gunosyreact

ぽち@PCHW @pchw

#gunosyreact 後半戦