RxJS · interval / map / filter

Live ticking counter using interval(), map(), and filter() with proper subscription cleanup.

Operator Pipeline

interval(1000)→Emits 0, 1, 2, 3… every 1s

map(x => x * 2)→Doubles each value: 0, 2, 4, 6…

filter(x => x % 4 === 0)→Keeps only multiples of 4: 0, 4, 8, 12…

Current Value

Stopped

Subscription status: Inactive (unsubscribed)

No emissions yet — click Start

Uses takeUntilDestroyed() for automatic cleanup on component destroy

Manual unsubscribe() on Stop/Reset via Subscription

No memory leaks — verified via DestroyRef

Live search using combineLatest() + switchMap() — debounced text input + category filter, cancelling in-flight requests when new values arrive.

Search tasks

Filter by status

ID	Title	Status	Created At
No tasks match your search.

Showing 0 tasks

searchQuery$→debounceTime(300)→distinctUntilChanged()

searchCategory$→(no debounce)

combineLatest([query, category])→Emits when either changes

switchMap(fetch & filter)→Cancels previous, runs latest