rxjs

Reactive Extensions for JavaScript — compose asynchronous and event-based programs using observable sequences.

rxjs

General JS

Reactive Extensions for JavaScript — compose asynchronous and event-based programs using observable sequences.

npm GitHub Docs

Fit

Bundle (gzip)

17.8 kB

65.1 kB raw

Install size includes transitive dependencies. Bundle size is gzipped browser payload.

Freshness

The Problem

Coordinating streams of asynchronous events — user input, websockets, timers, HTTP — with raw callbacks or promises leads to tangled state, race conditions, and manual cleanup that is hard to get right.

What It Does

rxjs models async data as composable Observables and offers a rich set of operators (map, filter, debounceTime, switchMap, and many more) to transform, combine, and cancel streams declaratively. It underpins Angular and is widely used across the JS ecosystem.

Installation

bash

npm install rxjs

Usage Example

import { fromEvent } from "rxjs";
import { debounceTime, map } from "rxjs/operators";

const input = document.querySelector("#search");

fromEvent(input, "input")
  .pipe(
    debounceTime(300),
    map((e) => e.target.value)
  )
  .subscribe((value) => console.log("query:", value));

Related packages

ai (Vercel AI SDK)General JS

Unified TypeScript SDK for building AI-powered apps — switch between 20+ LLM providers without rewriting code.

animejsGeneral JS

Lightweight JavaScript animation library with a tiny footprint and a powerful, expressive API.

AOSGeneral JS

An easy-to-use library that makes elements fade, slide, or zoom into view as the user scrolls down your page.

archiverGeneral JS

Streaming interface for generating ZIP and TAR archives in Node.js — create compressed archives programmatically from files, directories, and buffers.

@formkit/auto-animateGeneral JS

> Add smooth transitions to any element with a single line — zero-config animations for adds, removes, and moves.