ガイド

TypeScript環境でRxJSを体系的に学ぶためのガイドです。
以下の各セクションを順に進めることで、RxJSの基礎から応用まで体系的に理解することができます。

目次

1. RxJS入門

2. Observableの基礎

3. Creation Functions

Creation Functionsとは
基本作成系 - of, from, fromEvent, interval, timer
ループ生成系 - range, generate
HTTP通信系 - ajax, fromFetch
結合系 - concat, merge, combineLatest, zip, forkJoin
選択・分割系 - race, partition
条件分岐系 - iif, defer
制御系 - scheduled, using

4. オペレーターの理解

オペレーターの概要
パイプラインの概念
変換オペレーター - map, scan, mergeMap, switchMap, buffer系、window系など
フィルタリングオペレーター - filter, take, debounceTime, throttleTime, distinctなど
結合オペレーター - concatWith, mergeWith, withLatestFrom, *Allオペレーターなど
ユーティリティオペレーター - tap, delay, retry, finalize, takeUntilなど
条件オペレーター - defaultIfEmpty, every, isEmptyなど
マルチキャスティング - share, shareReplayなど

5. Subjectとマルチキャスト

6. エラーハンドリング

7. スケジューラーの活用

8. RxJSのデバッグ手法

9. テスト手法

10. RxJSアンチパターン集

11. RxJS困難点克服

13. 実践パターン集

実践パターン集の概要
UIイベント処理 - クリック、スクロール、ドラッグ&ドロップなど
API呼び出し - HTTP通信、並列/直列処理、エラーハンドリング
フォーム処理 - リアルタイムバリデーション、自動保存、複数フィールド連携
高度なフォームパターン - JSON Patch、大規模フォーム自動保存、Undo/Redo、共同編集
リアルタイムデータ処理 - WebSocket、SSE、Polling、接続管理
キャッシュ戦略 - データキャッシュ、TTL、無効化、オフライン対応
エラーハンドリング実践 - API呼び出しエラー、リトライ戦略、グローバルエラー処理
subscribe内の条件分岐 - subscribe内での分岐を避ける、パイプライン内での分岐方法

付録

NOTE

このガイドは、段階的かつ体系的にRxJSの理解を深めるために構成されています。必要に応じて各セクションを自由に参照してください。