CTJS 2016 Lightning Talk 主題：淺談 Redux Thunk 講者：黃胤翔

1. 淺談 Redux Thunk
黃 胤翔 (Yin)

2. What Is Thunk
惰性求值 (Lazy Evaluation)

3. Thunkify

4. – Dan Abramov
A thunk is a function that wraps an expression
to delay its evaluation.

5. Thunk 就是「 延 」
一延再延
不到最後一刻不做事

6. Redux Thunk

7. What Is Redux Thunk
• Thunk Middleware for Redux
• Actions 與 Reducers 間的橋樑
• Log、Async Function 等功能的擴充點
• 以 Thunk 的方式去延遲 Action dispatch

8. Why Redux Thunk
• 在 Redux 世界裡，Action Creator 是 Pure Function
• 有非同步的需求
• 要從 Middleware 下手

9. How It Works
https://github.com/gaearon/redux-thunk/blob/master/src/index.js

10. How It Works
• 傳入 Store 後，透過 HOC 回傳一個包含 Thunk
Middleware 的新 Store

11. withExtraArgument

12. Reference
• https://en.wikipedia.org/wiki/Thunk
• https://github.com/gaearon/redux-thunk
• https://github.com/tj/node-thunkify
• http://stackoverflow.com/questions/35411423/how-to-dispatch-
a-redux-action-with-a-timeout/35415559#35415559

13. Thanks for Listening
黃 胤翔 (Yin)
https://github.com/hinxcode