Redux Thunk is middleware for Redux that allows writing action creators that return a function instead of an action object. This allows asynchronous logic to be written in action creators. A thunk is a function that wraps an expression to delay its evaluation. Redux Thunk uses thunks to delay dispatching actions until asynchronous logic has completed. It works by wrapping the store with a higher-order component that intercepts dispatched actions and handles thunks differently than regular action objects. This allows asynchronous logic to be written without breaking the rule that action creators must be pure functions.

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