
0人評分過此書
打通 RxJS 任督二脈:從菜雞前進老鳥必學的關鍵知識
☛ 第一本介紹 RxJS 的繁體中文書籍
☛ 從核心理念到實戰練習,一步步帶你打通 RxJS 任督二脈!
❑ 寫出更加穩固、流暢、好讀易維護的程式碼
❑ 超過 70 個 oper ators 圖文介紹與實戰範例
❑ 由淺入深,讓你紮穩馬步,一定學得會
本書內容改編自第 12 屆 iT 邦幫忙鐵人賽 Modern Web 組冠軍網路系列文章──《打通 RxJS 任督二脈 》。
RxJS 是一套讓我們能更容易管理複雜狀態的類別庫,透過組合跟處理非同步與事件相關的程式,以及一系列的設計技巧,打造出更加容易閱讀與維護的程式。
RxJS 正緩緩而踏實地成為前端世界的顯學,可惜的是,多數人都著重在「使用」而非「觀念」,導致基礎沒有站穩就踏入抽象的世界,進而投降棄坑。本書將從 RxJS 的核心知識開始介紹,搭配實務範例,幫助讀者能在適當的情境寫出正確的程式,到最後信手捻來,用更簡短的程式碼解決更複雜的問題!
【專業推薦】
「作者幾乎把所有跟 RxJS 的相關知識與觀念全部寫進本書裡,完整度之高令人驚豔!」
多奇數位創意 技術總監 / Google Developer Expert / Microsoft MVP ──── Will 保哥
「一本值得買來收藏的好書,不只教你 RxJS,更帶領你進入另外一個世界 ⸺ 一個會讓你感到相見恨晚的美麗世界!」
Angular GDE ──── Kevin
「透過作者在本書中各種 RxJS 例題的演繹,我保證你跟著書中範例做完一輪,完全可以感受到什麼叫做簡潔、優雅且易讀的程式碼,快速打出前端連續技!」
Vue.js Taiwan 社群主辦人 /《重新認識 Vue.js:008 天絕對看不完的 Vue.js 3 指南》作者 ──── Kuro
「除了 RxJS 各項使用教學之外,最寶貴的是示範如何將其應用在實戰場景,最後也不藏私地介紹進階學習方針,讓讀者都能好好地吸收作者的經驗!」
Google 台灣香港開發者生態系計劃負責人 ──── 上官林傑
「新手進入 RxJS 最好的入門書,內容深入淺出,用最淺白的詞句帶領開發者進入 RxJS 的領域,觀念的引導更是讓人易於吸收!」
金魚都能懂的教學系列作者 Amos ──── 李建杭
☛ 從核心理念到實戰練習,一步步帶你打通 RxJS 任督二脈!
❑ 寫出更加穩固、流暢、好讀易維護的程式碼
❑ 超過 70 個 oper ators 圖文介紹與實戰範例
❑ 由淺入深,讓你紮穩馬步,一定學得會
本書內容改編自第 12 屆 iT 邦幫忙鐵人賽 Modern Web 組冠軍網路系列文章──《打通 RxJS 任督二脈 》。
RxJS 是一套讓我們能更容易管理複雜狀態的類別庫,透過組合跟處理非同步與事件相關的程式,以及一系列的設計技巧,打造出更加容易閱讀與維護的程式。
RxJS 正緩緩而踏實地成為前端世界的顯學,可惜的是,多數人都著重在「使用」而非「觀念」,導致基礎沒有站穩就踏入抽象的世界,進而投降棄坑。本書將從 RxJS 的核心知識開始介紹,搭配實務範例,幫助讀者能在適當的情境寫出正確的程式,到最後信手捻來,用更簡短的程式碼解決更複雜的問題!
【專業推薦】
「作者幾乎把所有跟 RxJS 的相關知識與觀念全部寫進本書裡,完整度之高令人驚豔!」
多奇數位創意 技術總監 / Google Developer Expert / Microsoft MVP ──── Will 保哥
「一本值得買來收藏的好書,不只教你 RxJS,更帶領你進入另外一個世界 ⸺ 一個會讓你感到相見恨晚的美麗世界!」
Angular GDE ──── Kevin
「透過作者在本書中各種 RxJS 例題的演繹,我保證你跟著書中範例做完一輪,完全可以感受到什麼叫做簡潔、優雅且易讀的程式碼,快速打出前端連續技!」
Vue.js Taiwan 社群主辦人 /《重新認識 Vue.js:008 天絕對看不完的 Vue.js 3 指南》作者 ──── Kuro
「除了 RxJS 各項使用教學之外,最寶貴的是示範如何將其應用在實戰場景,最後也不藏私地介紹進階學習方針,讓讀者都能好好地吸收作者的經驗!」
Google 台灣香港開發者生態系計劃負責人 ──── 上官林傑
「新手進入 RxJS 最好的入門書,內容深入淺出,用最淺白的詞句帶領開發者進入 RxJS 的領域,觀念的引導更是讓人易於吸收!」
金魚都能懂的教學系列作者 Amos ──── 李建杭
- 推薦序一
- 推薦序二
- 推薦序三
- 推薦序四
- 推薦序五
- 作者序
-
01 RxJS 超快速入門
-
1-1 簡介RxJS
-
Reactive Extensions(ReactiveX、Rx)
-
ReactiveX v.sRxJS
-
-
1-2 練習RxJS 前的環境準備
-
方法1:從CDN 載入或下載library 後載入
-
方法2:使用Parcel 快速完成相關環境
-
方法3:使用StackBlitz 服務
-
-
1-3 三步驟快速上手RxJS
-
建立新Observable 物件
-
使用Operators 操作來源Observable 物件
-
監聽Observable 物件事件
-
-
1-4 隨堂練習 – 計數器
-
建立HTML 結構
-
抓出相關的DOM 物件
-
實作「開始新的計數器」按鈕
-
實作「計數」按鈕
-
偶數值判斷程式優化
-
實作「發生錯誤」及「完成計數」按鈕
-
練習成果
-
-
-
02 RxJS 關鍵知識
-
2-1 關鍵知識說明
-
2-2 非同步程式設計 – Asynchronous Programming
-
2-3 串流處理 – Stream
-
2-4 ReactiveX 與非同步程式及串流
-
2-5 觀察者模式 – Observer Pattern
-
關於觀察者模式
-
觀察者模式解決的問題
-
觀察者模式的定義
-
使用 JavaScript 實作觀察者模式及影片通知功能範例
-
ReactiveX 與觀察者模式
-
使用 RxJS 實作影片通知功能範例
-
-
2-6 疊代器模式 – Iterator Pattern
-
關於疊代器模式
-
疊代器模式解決的問題
-
疊代器模式的角色定義
-
使用 JavaScript 實作疊代器模式
-
JavaScript 原生語法內建的疊代器
-
ReactiveX 與疊代器模式
-
-
2-7 函數程式設計 – Functional Programming
-
函數程式設計常用技巧
-
RxJS 中的函數程式設計應用
-
-
-
03 進入RxJS 大門
-
3-1 認識彈珠圖
-
繪製彈珠圖
-
文字版彈珠圖
-
-
3-2 建立 Observable 的基礎
-
Observable 類別
-
Subject
-
-
3-3 認識 Cold Observable 與 Hot Observable
-
Cold Observable
-
Hot Observable
-
Warm Observable
-
-
3-4 建立類型 Operators
-
EMPTY
-
of
-
from
-
fromEvent
-
fromEventPattern
-
range
-
iif
-
interval
-
timer
-
defer
-
throwError
-
ajax
-
-
3-5 組合/建立類型 Operators
-
concat
-
merge
-
zip
-
partition
-
combineLatest
-
forkJoin
-
race
-
-
3-6 轉換類型 Operators
-
map
-
scan
-
pairwise
-
switchMap
-
concatMap
-
mergeMap
-
exhaustMap
-
-
3-7 組合類型 Operators
-
switchAll
-
concatAll
-
mergeAll
-
combineLatestAll
-
startWith
-
-
3-8 過濾類型 Operators
-
filter
-
first
-
last
-
single
-
take
-
takeLast
-
takeUntil
-
takeWhile
-
skip
-
skipLast
-
skipUntil
-
skipWhile
-
distinct
-
distinctUntilChanged
-
distinctUntilKeyChanged
-
sampleTime
-
sample
-
auditTime
-
audit
-
debounceTime
-
debounce
-
-
3-9 條件/布林類型 Operators
-
isEmpty
-
defaultIfEmpty
-
find
-
findIndex
-
every
-
-
3-10 數學/ 聚合類型 Operators
-
min
-
max
-
count
-
reduce
-
-
3-11 工具類型 Operators
-
tap
-
toArray
-
delay
-
delayWhen
-
-
3-12 錯誤處理 Operators
-
catchError
-
retry
-
retryWhen
-
finalize
-
-
3-13 Multicast 類型 Operators
-
connectable
-
share
-
shareReplay
-
-
-
04 實戰練習
-
4-1 自動完成、搜尋、排序、分頁功能
-
起始專案說明
-
實作自動完成功能
-
實作關鍵字搜尋功能
-
實作排序與分頁功能
-
查詢中的遮罩畫面
-
錯誤處理
-
顯示錯誤訊息
-
-
4-2 Flux Pattern
-
Flux Pattern 簡介
-
起始專案說明
-
實作資料來源 - Store
-
實作執行動作 - Actions
-
變更資料的實際邏輯 - Dispatcher
-
實際使用
-
-
-
05 進階RxJS 技巧
-
5-1 如何設計自己的 RxJS Operators
-
方法(1) - 直接串現有的 operators
-
方法(2) - 建立新的 Observable 物件並訂閱來源 Observable物件
-
-
5-2 認識 Scheduler
-
快速認識 Scheduler
-
認識 JavaScript 處理非同步的原理
-
再次認識 Scheduler
-
使用Scheduler 控制來源Observable 物件事件發生時機
-
使用 Scheduler 控制訂閱時機
-
比較各種 Scheduler
-
-
5-3 替 RxJS 撰寫單元測試
-
範例專案說明
-
在 subscribe callback 內進行測試
-
Marble Testing 彈珠圖測試
-
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分