Vuex, Redux, Flux

vuex vs redux

Vuex :

• UI -[dispatch]-> action -[commit]-> mutation -> state

Redux :

• UI -[dispatch]-> action -> reducer -> state

• Vuex 的 action 可以 call async function，Redux action 不行。Redux 要搭配 custom middleware 來執行非同步 function。

• https://lq782655835.github.io/blogs/react/diff-vuex-redux.html

Flux 設計理念

Redux

https://chentsulin.github.io/redux/docs/basics/index.html

基本 Redux

• https://redux-cool.js.org/docs/introduction/
• https://hackmd.io/@Heidi-Liu/redux
• 筆記、[FE303] React 的好夥伴：Redux
• React 與他的快樂小夥伴 Redux -基礎教學
• React 與他的快樂小夥伴 Redux -事件處理（Handling events）

Redux Middlware

• 實作 react→redux→thunk→saga
• 詳解 Redux Middleware
• https://chentsulin.github.io/redux/docs/advanced/AsyncActions.html

side effect 異步操作 => redux-thunk & redux-saga

• https://www.twblogs.net/a/61b9762cdca0e47030860b40
• https://hypergrowths.com/software-engineering/front-end-dev/13839/topic-35437092/
• 大白话解析 Redux 、 redux-thunk 、redux-saga 和 react-redux
  #34
• https://www.gushiciku.cn/pl/p7Oq/zh-tw

Vuex