Rxjs

This one's essential if you're working with RxJS in Angular. It covers the 8.x API changes, including the improved TypeScript types and Signal interop helpers. The best practices section is solid: proper use of flattening operators (switchMap vs mergeMap vs concatMap), the takeUntil pattern for subscriptions, and when to use AsyncPipe over manual subscriptions. The examples are straightforward and show real scenarios like search debouncing and form submission handling. It also pushes the modern Angular pattern of using Signals for UI state and RxJS for events, which is the direction the framework is heading. Good reference for both daily work and code reviews.

skills.sh installs: 214
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill rxjs --agent claude-code

Installs into .claude/skills of the current project.

Files

RxJS (Reactive Extensions for JavaScript)

Version: 8.x (2025) Tags: Reactive Programming, Observables, Async

References: Docs — operators, API • Angular RxJS • GitHub

API Changes

This section documents recent version-specific API changes.

NEW: RxJS 8 — Modern TypeScript types, smaller bundles, better tree-shaking source
NEW: Improved interop helpers — Simpler conversion to/from Signals with toSignal and toObservable
NEW: RxJS 8 ergonomics — Compact operator signatures and safer defaults
DEPRECATED: Legacy import style — Use RxJS 7+ pipeable operators instead of patch imports

Best Practices

Use AsyncPipe in templates — Handles subscription/unsubscription automatically, prevents memory leaks

@Component({
  template: `
    <div *ngIf="data$ | async as data">
      {{ data.name }}
    </div>
  `
})
export class MyComponent {
  data$ = this.service.getData();
}