不論是 redux-thunk 或是 redux-saga,他們的基底都是 redux,所以就由 redux 的基礎開始看起。
接下來會以官方最簡單也最核心的 To-Do App demo 作為一步步推演、展示 redux 的核心
在一個 To-Do App 裡面,我們可以設想到會有兩個物件在互相作動
// Model
const model = {
todos: [{
text: 'Eat food',
completed: true
}, {
text: 'Exercise',
completed: false
}],
visibilityFilter: 'SHOW_COMPLETED'
}