rxjs

What problem does it solve?

This Skill helps developers manage RxJS observables, operator selection, subscription lifecycles, and integration with Angular UI state to prevent memory leaks, reduce bugs, and improve runtime performance.

Core Features & Use Cases

• Operator guidance: Advice on choosing flattening operators like switchMap, mergeMap, concatMap, and exhaustMap for search, concurrency, and ordering scenarios.
• Subscription management: Patterns for safe unsubscription including takeUntil, takeUntilDestroyed, and using AsyncPipe to avoid leaks.
• Error handling & caching: Recommendations for catchError fallbacks and shareReplay caching for HTTP responses.
• Signals interop: Converting between Observables and Signals for modern Angular state management and UI composition.
• Use Case: Implement a debounced live search with cancellation and cached HTTP results while keeping component state reactive and leak-free.

Quick Start

Convert a component's observable pipeline to use AsyncPipe, debounce and switchMap for search, and shareReplay for caching HTTP responses.