Slide 1

Slide 1 text

意地でもReduxを使う @kuy / Yuki Kodama 2016/04/19 at Meguro.es #3

Slide 2

Slide 2 text

自己紹介 @kuy (カイ) / Yuki Kodama 株式会社ジャパンベンチャーリサーチ entrepedia(アントレペディア) Ruby on Rails, JavaScript (React + Redux) ● Reduxでコンポーネントを再利用する ● Redux Middleware in Depth ● ・・・など

Slide 3

Slide 3 text

今日、ツールバーをRedux化した これまで比較的大きな機能に限定していたので実験的な試み。

Slide 4

Slide 4 text

jQueryによるメニューも残っている・・・

Slide 5

Slide 5 text

Redux配下のレンダリングツリー的には問題ない

Slide 6

Slide 6 text

今後、jQueryメニューが挟まれる可能性・・・!

Slide 7

Slide 7 text

hypha(仮)作ってみた たぶん名前変わる・・・

Slide 8

Slide 8 text

仕組み ● ReactDOM.unstable_renderSubtreeIntoContainerを使う 以上

Slide 9

Slide 9 text

使い方

Outside: {count}

Bootstrap starter template

Use this document as a ...

Slide 10

Slide 10 text

デモ1:Bootstrap

Slide 11

Slide 11 text

デモ1:Bootstrap

Slide 12

Slide 12 text

デモ2:Gmail

Slide 13

Slide 13 text

デモ2:Gmail