redux_slide.md

テクノロジーデザイン1 でやったこと

---

目次

• redux について
• redux の良いところ
• good/motto

---

redux について

---

redux とは

• データを管理するためのライブラリ
• React と相性が良い

---

redux を簡単に

図1

---

フルーツをreduxで管理したい

データ:
🍎, 🥝, 🍋

ふるまい:

• フルーツを追加する
• フルーツを削除する

---

フルーツを追加する(🍇)

図2

---

フルーツを削除する(先頭から1個)

図3

---

Redux の良いところ

---

ふるまいを名前をつけて定義できる

// ボタンがクリックされたとき
onClick(event){
    store.dispatch({type:"TASK_ADD", title:"タスク名"})
})

---

React と相性が良い

図4

---

good/motto

---

good

• ES6の書き方を身に着けた
• 配列のメソッドを使う
• テクノロジーが好きなチーム

---

motto

• 積極性がなかった
• 自分からコミュニケーションを取りに行かなければ・・・

---

ご清聴ありがとうございました