Tweet
Tweet

Slide 1

Slide 1 text

Reduxのサンプルコードを
 Angular 2のng2-reduxに
 移植してみた話 May 31, 2016
 第65回 HTML5とか勉強会 ー React最新情報

Slide 2

Slide 2 text

はちさん @armorik83 ng-kyoto代表

Slide 3

Slide 3 text

今日
 アウェー
 です

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

■「ReduxってReact用の
 フレームワークみたいな
 もんでしょ」

Slide 6

Slide 6 text

まさかりが飛んでくる

Slide 7

Slide 7 text

某「ReduxはReactとの
 結びつき全く無いし、React 使ってる人間からしても react-redux 必要ない」

Slide 8

Slide 8 text

本当に？

Slide 9

Slide 9 text

https://github.com/angular-redux/ng2-redux

Slide 10

Slide 10 text

Angular 2でも
 Redux使えるらしいし やってみるか

Slide 11

Slide 11 text

Demo https://github.com/armorik83/comparing-ng2-redux-and-walts/tree/master/examples/ng2-redux

Slide 12

Slide 12 text

動く… 動くが…！

Slide 13

Slide 13 text

ng2-reduxのイケてない点 • ※「ng2-reduxの」イケてない点であり
 Redux自体は否定しません

Slide 14

Slide 14 text

ng2-reduxのイケてない点 • ※「ng2-reduxの」イケてない点であり
 Redux自体は否定しません • TypeScriptとの相性が凄まじく悪い • Angular 2のDIの良さを全て殺してActionを
 バケツリレーさせている • 非同期処理をしようと思うとAngular 2外でやる
 必要がある

Slide 15

Slide 15 text

じゃあそれ
 React使ったらええやん

Slide 16

Slide 16 text

個人的な結論 • 他のViewライブラリとReduxの組み合わせも可能 • たしかにng2-reduxがちゃんと動いたのは流石だと 思った • ただReduxはReactで使うのが一番素直で相性いいと 思います • Angular 2を使っててReduxを採り入れる選択肢は
 （個人的には）ナシ

Slide 17

Slide 17 text

Angular 2ではどうする？ • Fluxに飼い慣らされてしまった俺達は • Angular 2 + RxJSのデータフローアーキテクチャを
 模索中 • またはちさんオレオレFluxとかでデカイ口叩いてる • そろそろ説明記事付けて公開したい

Slide 18

Slide 18 text

Thank you! Angular 2にも乞うご期待