{courses && courses.map(course => (
))}
)
}
}
```
]
_Styleはインラインスタイルで書く。StyleもJSのオブジェクトでやった方が楽!_
---
## Reactの問題点
- モデルがない? (Viewしか作ってねーよ!自分でなんとかして)
- コンポーネントがどういう状態かの管理ができない?(ばーか!!!)
_なんとかしないとReactの恩恵が受けられない……(ヽ´ω)_
---
# 7. Flux / Redux
---
# Fluxとは何か
---
.left[
- FluxはFacebookが提唱した
- Fluxはすごい
- Fluxは最高
- Fluxとは何か
- Flux言いたいだけ
- Fluxはデザインパターン
- Fluxを使えばよくわからないけど今までの問題点がすべて解決する
- Fluxとか別に普通だし
- Flux別に必要なくねwww
- WebアプリはFluxの考え方で実装しないといけない
- Reactを使うのがFlux
- Fluxは一方通行
- Fluxは仕様
- Fluxは昔から使われていた
- Fluxってちょっとかっこいい名前つけたかっただけだろ
- Fluxは文学
]
---
## Fluxはデザインパターンの1つ。問題点をちょっと切り離してみただけ
.left[
Facebook「FluxでWebアプリ実装したら管理楽じゃね??」
愚民ども「??????????????」
Facebook「こういう感じで実装すると楽だよね!」
愚民ども「……あ、あーーーー!な、なるほどねーー!たーしかに!!」
Facebook「広まってよかった。Reactもみんな使ってね!!」
愚民ども「React最高!Flux最高!」
]
---
## Redux現れる
.left[
すごい人「Fluxを参考にして作ったフレームワークです。たぶんこれがいちばん簡単だと思います」
Facebook「(゜o゜)」
Facebook「Reduxはすごい!!!!Fluxより洗練されてる!!!」
愚民ども「React最高!Redux最高!」
]
---
# 8. Reduxの解説
---
---
# だるいのでやらない
---
## ご清聴ありがとうございました