iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

菜雞也能優雅的征服RxJS 系列

使用Angualr的夥伴應該對RxJS不陌生,但要完全掌握他,可不是件簡單的事;我在這30天將依序地分享我學習RxJS的筆記,步調緩慢,但內容札實,也希望能讓這些文章,讓更多想學RxJS的夥伴,有個方向。

鐵人鍊成 | 共 32 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 11

菜雞也能優雅的征服RxJS - day11: 直到完成最後一個值才結束的reduce

Javascript的Array提供一個可累加蒐集資料的函示~ reduce,今天我們要介紹的RxJS reduce也是一樣的概念,趕緊來看個例子吧!...

2022-09-16 ‧ 由 小偉哥 分享
DAY 12

菜雞也能優雅的征服RxJS - day12 : 隨時更新狀態,直到完成最後一個值才結束的scan

如果你在使用reduce時,希望能清楚的掌握每個過程,方便debug,除了可以在accumulate func裡去印出之外,另一個就是scan啦! sca...

2022-09-17 ‧ 由 小偉哥 分享
DAY 13

菜雞也能優雅的征服RxJS - day13- 過濾不要的資訊 filter

javascript的Array提供了另一個func~ filter 它可以幫助我們快速的過濾出我們要的資訊,如同下面這個例子,相信大家都不陌生!☕...

2022-09-18 ‧ 由 小偉哥 分享
DAY 14

菜雞也能優雅的征服RxJS - day14: 實戰2 - 來個倒數計時 final

今天我們要來實作一個倒數計時器,完成這個需求的設計,你需要思考幾點: 固定每秒發出一個訊號: interval(1000) 將每秒的訊號轉變為1: m...

2022-09-19 ‧ 由 小偉哥 分享
DAY 15

day15: 安插個觀察點 - tap (上集)

今天要介紹RxJS裡一個相當有用的operator ~tap。☕ 還記得scan很盡責的在每個步驟,回報對應的值吧,tap能協助我們在pipe的每個步驟之間...

2022-09-20 ‧ 由 小偉哥 分享
DAY 16

菜雞也能優雅的征服RxJS - day16 : 安插個觀察點 - tap (下集)

今天來繼續說說tap下集 case4: 來個side effect改變一下 我們使用前幾天實作2:scan - countdown為例子來觀察一下。...

2022-09-21 ‧ 由 小偉哥 分享
DAY 17

菜雞也能優雅的征服RxJS - day17: 設定領取數量take

take(count) RxJS官網-take 從彈珠圖來看,count=2,代表我們從observable中僅需要2筆資料,取得2筆之後,就不再接收...

2022-09-22 ‧ 由 小偉哥 分享
DAY 18

菜雞也能優雅的征服RxJS - day18: 給我第一個,其餘免談 first

延續著我們昨天介紹的take(N),今天介紹也是跟數量有關的,不過它比較有個性,只抓一個 ~ first。☕ first RxJS官網-first...

2022-09-23 ‧ 由 小偉哥 分享
DAY 19

菜雞也能優雅的征服RxJS - day19: 符合條件內的才拿takeWhile

先前介紹的first(條件式)可以定義條件式,來決定拿取資料的條件,但只能拿一個;如果我希望能持續取得資料,當條件不符時才中斷呢?takeWhile就是你的...

2022-09-24 ‧ 由 小偉哥 分享
DAY 20

菜雞也能優雅的征服RxJS - day20: 一旦符合條件就結束 takeUntil

昨天介紹的takeWhile(predict)式利用predict函示來定義條件式,一旦符合條件,就不再拿資料了。 今天要介紹的takeUntil跟take...

2022-09-25 ‧ 由 小偉哥 分享