iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 30
17
Modern Web

30 天精通 RxJS系列 第 30

30 天精通 RxJS(29):30 天感言

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-29/


30 天精通 RxJS(29):30 天感言

30 天悄悄的就過了,這 30 篇的文章基本上已經把 RxJS 一個核心三個重點(Observable + Observer + Subject + Scheduler)以及各個 operators 幾乎也都有寫到。最開始寫這個系列的文章是希望能讓 RxJS 的學習曲線降低,所以文章的前後順序及內容都是特別規劃過的,不知道我到底是不是真的做到了。

這 30 天真的是每天都像是在打仗一樣,要強迫自己從腦袋中組織文字真的是一件很痛苦的事,好險最後還是撐過來了,雖然中間生了一個禮拜的病,有些文章是隔了幾天才補上的,但最後仍及時的完成了全部文章真的很開心!

感謝

也很感謝以下幾位朋友在這 30 天中幫助我完善文章的內容,如果沒有你們我很可能沒辦法寫出這麼高質量的文章。

  • Anna Su
  • 林彥宇
  • 莊育銘
  • 徐如林
  • 李佳怡
  • 何振志
  • 嚴偉安

也感謝幾位 IT 幫友,一直給我鼓勵讓我有動力堅持把文章完成,也在過程中不斷的給我反饋,真的很謝謝你們!

遺珠

RxJS 的東西真的太多了,尤其是 operators 很難在 30 天的文章中全部涵蓋,但沒有講到的如果不是不常用就是使用方式很直覺,不會太困難。

另外下面兩篇文章是因為在讀者的反饋,調整了內容所以被移掉的,這兩篇之後會再補上

以下兩篇已經補完囉

這 30 篇文章的目錄

  1. 關於本系列文章
  2. Rx.js 簡介
  3. Functional Programming 基本觀念
  4. Functional Programming 通用函式
  5. 什麼是 Observable?
  6. 建立 Observable(一)
  7. 建立 Observable(二)
  8. Observable Operators - Marble diagrams, map, mapTo, filter
  9. 簡易拖拉實作 - take, first, concatAll, takeUntil
  10. Observable Operators - skip, takeLast, last, concat, startWith, merge
  11. Observable Operators - combineLast, withLatestFrom, zip
  12. 實務應用 - Scroll + 完整拖拉
  13. Observable Operators - scan, buffer
  14. Observable Operators - delay, delayWhen
  15. Observable Operators - debounce, throttle
  16. Observable Operators - distinct, distinctUntilChanged
  17. Observable Operators - catch, retry, retryWhen, repeat
  18. Observable Operators - switch, mergeAll, concatAll
  19. Observable Operators - switchMap, mergeMap, concatMap
  20. 實務範例 - 簡易 Auto Complete 實作
  21. Observable Operators - window, windowToggle, groupBy
  22. 深入 Observable
  23. 什麼是 Subject?
  24. BehaviorSubject & ReplaySubject & AsyncSubject
  25. Observable operators - multicast, refCount, publish, share
  26. Subject 總結
  27. 簡易實作 Observable(一)
  28. 簡易實作 Observable(二)
  29. Scheduler 基本觀念
  30. 30 天感言

上一篇
30 天精通 RxJS(28):Scheduler 基本觀念
系列文
30 天精通 RxJS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
5
法蘭克
iT邦新手 4 級 ‧ 2017-01-15 15:41:39

學習曲線降了很多,真的很用心很棒,感謝。

JerryHong iT邦新手 5 級 ‧ 2017-01-16 20:11:38 檢舉

謝謝你一直以來的支持^^

2
l7960261
iT邦新手 5 級 ‧ 2017-01-15 21:33:59

真的是大大的降低了學習門檻! 跪了!

JerryHong iT邦新手 5 級 ‧ 2017-01-16 20:14:44 檢舉

謝謝你,真的很開心^^

1
kingc
iT邦新手 5 級 ‧ 2017-01-15 22:33:13

希望如果JerryHong有时间和机会的话,能再写一个系列文章,详述RxJS在一个前端项目里的全面应用.钢巴叠!

JerryHong iT邦新手 5 級 ‧ 2017-01-16 20:31:53 檢舉

恩恩 這是不錯的提議,但因為 RxJS 要在複雜一點的需求下才比較能展現優勢,這通常會需要後端 Web Service 的配合。但文章只要牽扯到過多後端 API 就很容易失焦,讀者會分心於 API 的設計跟需求間的關係,也不太方便 Demo。

但我會再想想看有沒有比較好表達方式,能文章不失焦又面面俱到,謝謝你建議:)

1
MichaelQQ
iT邦新手 5 級 ‧ 2017-01-16 14:18:17

非常優質的系列文,超感謝!!

JerryHong iT邦新手 5 級 ‧ 2017-01-16 20:15:03 檢舉

謝謝你!

2
sayll
iT邦新手 5 級 ‧ 2017-03-27 14:48:17

大陆同胞表示受益匪浅,感谢分享。

JerryHong iT邦新手 5 級 ‧ 2017-03-28 18:19:41 檢舉

謝謝你喜歡^^

sayll iT邦新手 5 級 ‧ 2017-03-28 18:47:31 檢舉

期待您的其他优质文章。 (●'◡'●)

1
jerryzou
iT邦新手 5 級 ‧ 2017-03-31 15:45:59

学到了很多,感谢!

JerryHong iT邦新手 5 級 ‧ 2017-04-04 01:43:14 檢舉

謝謝^^

0
riskers
iT邦新手 5 級 ‧ 2017-09-27 17:45:46

新补的两篇文章 链接打不开。

foxiris iT邦新手 5 級 ‧ 2017-12-25 16:30:57 檢舉
1
huli
iT邦新手 3 級 ‧ 2017-12-02 23:59:55

看完了這一系列 RxJS 的文章,覺得作者真的對 RxJS 做了很多研究,獲益良多,感謝分享!

1
hadernerstern
iT邦新手 5 級 ‧ 2018-01-20 02:25:54

感谢作者!学习曲线大大降低。因为目前在看Angular, angular里面有很多天然的跟RxJS结合的东西,看完作者的文章觉得受益匪浅。讲的浅显易懂。

0
白蜀黍
iT邦新手 5 級 ‧ 2018-03-01 21:12:37

希望再更新一下后两篇的链接,或者发表在这个平台~~

衷心感谢这个系列文章,期待作者更多的文章:)

0
supermrjiit
iT邦新手 5 級 ‧ 2018-05-14 16:37:20

最近在處理游戲新架構
剛好看到了 Rx.js 的應用,覺得非常適合用來處理遊戲表演的狀態

後面幾篇實在是有點深奧
想請問幾個問題

我想製作一個連續並行 / 序列表演的動作
A B (這行執行完才往下)
C D E (這行執行完才往下)
F
平行化的話意思就是 A B => C D E => F

但是在中途有可能被一個 G 事件停止全部動作
這種情境在使用 Rx 是否可以使用 takeUntil (G) 通知 A B C D E F 全部停止
或者是有更適合此種情境的操作呢?
我的理解是正確的嗎

0
sunchuanjun
iT邦新手 5 級 ‧ 2018-06-01 14:55:17

看到最后,深表感谢

0
motorix
iT邦新手 5 級 ‧ 2018-08-23 12:11:24

感謝Jerry大大!看完這30篇文章,真的豁然開朗,非常感謝!目前我正在學習Angular,因為遇到Observable的內容才連到這邊,看完你的文章才豁然開朗Observable的觀念原來這麼簡單,而且你把Subject跟Schedule的目的和觀念講的好簡單清楚,真的佩服!(跪)

我也刚在看/学angular,虽然做过了几年開発,但初次走进前端,简直就是进入了一个新的世界。

0
CoderMonkey
iT邦新手 5 級 ‧ 2018-09-29 10:32:42

Great!
Thanks for sharing.

0
CoderMonkey
iT邦新手 5 級 ‧ 2018-09-29 10:35:41

Jerry大大的這30篇文章都看完,终于熬到可以留言了。
(因为是新注册的account)

虽然讲的非常易懂,因为是green-hand of front-end,所以粗略看完以后慢慢再加深消化吧。
感谢!

0
Ho.Chun
iT邦新手 5 級 ‧ 2018-11-19 13:15:46

感謝您! 學習到很多^^ /images/emoticon/emoticon41.gif
另外這兩篇連結掛掉了 > <

  • 如何 Debug
  • Cold & Hot Observable
JerryHong iT邦新手 5 級 ‧ 2019-05-09 15:40:47 檢舉
0
kaikaitaiwan
iT邦新手 5 級 ‧ 2019-08-14 08:16:07

太棒了!! 超級清楚易懂

我要留言

立即登入留言