iT邦幫忙

2022 iThome 鐵人賽

DAY 23
0
Software Development

2022年 JavaScript 相關應用及學習之繁體中文選系列 第 23

打通 RxJS 任督二脈 | 心得導讀

  • 分享至 

  • xImage
  •  

導言

rx 主要就是組合了三個重要觀念,所發展而來,在各個語言都可以看到 rx ,而 rx.js 就是 js 版的 rx 函式庫。
觀察者模式(Observer Pattern)
迭代器模式(Iterator Pattern)
函數語言程式設計(Functional Programming)

架構

第一章講快速入門:主要是操作一些基本函式去套出基本的範例去了解 rx.js 的精神。
第二章講 rx 的三個重要觀念,觀察者模式(Observer Pattern)、迭代器模式(Iterator Pattern)、函數語言程式設計(Functional Programming)
第三至五章,大底就是邊實作邊熟悉 rx.js 的函式及運用方式等。

摘要

▶1–3 三步驟快速上手RxJS

有了最基本的RxJS 觀念後,接著讓我們來用一個簡單的例子,快速學習使 用RxJS開發應用程式的基本流程。
在 ReactiveX 網站上,就可以看到使用任何 ReactiveX相關套件的基本三個 步驟(如圖1–6),分別是:
■ 建立(Create):建立一個新的資料流或事件流,在ReactiveX 中也稱 為建立一個可被觀察的物件(之後我們會統稱為 Observable 物件)。
■ 組合(Combine):透過ReactiveX內定義或自行定義的操作符(之 後我們會統稱為 Operator),用以操作來源 Observable 物件的資料 流程。
監聽(Listen):由於建立的是一個可被觀察的物件,因此需要 一個觀察這個物件狀態改變的行為,在ReactiveX中也稱為訂閱 (Subscribe)。

總結

難易度

⭐⭐

自備技能

程式撰寫能力

適合對象

初階

心得

我個人沒那麼喜歡 rx.js ,因為寫 rx.js 到了後面,函數命名會越來越長,而我不太喜歡。
不過對於學習保持開放的態度,建議大家都可以摸看看,了解一下。
而且有一票開發者是相當擁抱 rx 的,這一票的開發者的面孔,筆者觀察大約是身兼管理職的開發者為主,撇除「函數命名會越來越長」這麼…的事;以 rx 的觀念,來做程式的撰寫,在工作分工上(其實就是日後究責),是相當乾淨的。


上一篇
[2022年 JavaScript 相關應用及學習之繁體中文選] 函數式程式設計 | 心得導讀
下一篇
Web API 建構與設計| 心得導讀
系列文
2022年 JavaScript 相關應用及學習之繁體中文選31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言