iT邦幫忙

2021 iThome 鐵人賽
DAY 24
0
Modern Web

以 React 為主的那些前端事系列 第 24 篇

Day 24 - redux-saga 用到 Generators~

13th鐵人賽
787 瀏覽

  • 分享至 

  • xImage
    •  

如果有錯誤，歡迎留言指教~ Q_Q 沒寫完啦

在 React/Redux 中，處理非同步的套件們

出名的有以下三位

  1. redux-thunk
  2. redux-observable
  3. redux-saga

我先選擇第三個!!! -> 因為工作要用 XDDDD

使用 ES6 Generators 功能

Generator 函數裡面使用 yield 關鍵字，來定義和暫停不同的內部執行狀態

function* gen() { 
    yield 1;
    yield 2;
    yield 3;
}

這看起來很像 async await 餒!

在文件裡提到：Redux Saga chooses generators over async/await

「 async/await 的主要機制是 Promises，使用 Promises 很難保留現有 Saga 概念的調度簡單性和語義。 async/await 根本不允許某些事情 - 例如取消。 使用生成器，我們可以完全控制效果的執行方式和時間。」

然後 .... 明天好了 XDDD

REF

https://neighborhood999.github.io/redux-saga/docs/introduction/BeginnerTutorial.html

https://redux-saga.js.org/docs/introduction/BeginnerTutorial/


上一篇
Day 23 - Redux middleware 介入處理非同步
下一篇
Day 25 - redux-saga 文件範例
系列文
以 React 為主的那些前端事 共 30 篇
  1. 26
    Day 26 - styled-components 筆記1
  2. 27
    Day 27 - styled-components 筆記2
  3. 28
    Day 28 - styled-components 筆記3
  4. 29
    Day 29 - styled-components 筆記4
  5. 30
    Day 30 - 時光飛逝的日子
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22170 篇
完賽人數
597 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙