rxjs-compat

What is rxjs-compat?

The rxjs-compat package provides backward compatibility for RxJS 5.x codebases when upgrading to RxJS 6.x. It allows developers to use the old import paths and APIs while transitioning to the new version.

What are rxjs-compat's main functionalities?

Backward Compatibility

This feature allows you to use the old RxJS 5.x import paths and operators in your codebase. The code sample demonstrates how to import and use the `map` operator from RxJS 5.x in an RxJS 6.x environment.

import { Observable } from 'rxjs-compat/Observable';
import 'rxjs-compat/add/operator/map';

const observable = Observable.of(1, 2, 3).map(x => x * x);
observable.subscribe(value => console.log(value));

Operator Patching

This feature allows you to patch operators onto the Observable prototype, similar to how it was done in RxJS 5.x. The code sample demonstrates how to use the `filter` operator in an RxJS 6.x environment.

import { Observable } from 'rxjs-compat';
import 'rxjs-compat/add/operator/filter';

const observable = Observable.of(1, 2, 3, 4, 5).filter(x => x % 2 === 0);
observable.subscribe(value => console.log(value));

Static Methods

This feature allows you to use static methods like `of` from RxJS 5.x. The code sample demonstrates how to create an observable using the `of` static method.

import { Observable } from 'rxjs-compat/Observable';

const observable = Observable.of(1, 2, 3);
observable.subscribe(value => console.log(value));

Other packages similar to rxjs-compat

rxjs

RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. RxJS 6.x is the latest version and includes a new modular architecture, improved performance, and better debugging capabilities. Unlike rxjs-compat, it does not provide backward compatibility for RxJS 5.x code.

baconjs

Bacon.js is a functional reactive programming library for JavaScript. It provides similar functionalities to RxJS, such as event streams and property values, but with a different API and approach. Bacon.js focuses on simplicity and ease of use, whereas RxJS offers a more comprehensive set of operators and features.

most

Most.js is a reactive programming library that focuses on high performance and minimalism. It provides a small but powerful set of operators for working with streams. Most.js is designed to be fast and efficient, making it suitable for performance-critical applications. Unlike rxjs-compat, it does not offer backward compatibility for older versions of RxJS.

README

RxJS: Reactive Extensions For JavaScript

RxJS 6 Stable

MIGRATION AND RELEASE INFORMATION:

Find out how to update to v6, automatically update your TypeScript code, and more!

• Current home is MIGRATION.md

FOR V 5.X PLEASE GO TO THE 5.0 BRANCH

Reactive Extensions Library for JavaScript. This is a rewrite of Reactive-Extensions/RxJS and is the latest production-ready version of RxJS. This rewrite is meant to have better performance, better modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking changes that reduce the API surface.

Apache 2.0 License

• Code of Conduct
• Contribution Guidelines
• Maintainer Guidelines
• Creating Operators
• API Documentation (WIP)

Versions In This Repository

• master - This is all of the current, unreleased work, which is against v6 of RxJS right now
• stable - This is the branch for the latest version you'd get if you do npm install rxjs

Important

By contributing or commenting on issues in this repository, whether you've read them or not, you're agreeing to the Contributor Code of Conduct. Much like traffic laws, ignorance doesn't grant you immunity.

Installation and Usage

ES6 via npm

npm install rxjs

It's recommended to pull in the Observable creation methods you need directly from 'rxjs' as shown below with range. And you can pull in any operator you need from one spot, under 'rxjs/operators'.

import { range } from 'rxjs';
import { map, filter } from 'rxjs/operators';

range(1, 200).pipe(
  filter(x => x % 2 === 1),
  map(x => x + x)
).subscribe(x => console.log(x));

Here, we're using the built-in pipe method on Observables to combine operators. See pipeable operators for more information.

CommonJS via npm

To install this library for CommonJS (CJS) usage, use the following command:

npm install rxjs

(Note: destructuring available in Node 8+)

const { range } = require('rxjs');
const { map, filter } = require('rxjs/operators');

range(1, 200).pipe(
  filter(x => x % 2 === 1),
  map(x => x + x)
).subscribe(x => console.log(x));

CDN

For CDN, you can use unpkg:

https://unpkg.com/rxjs/bundles/rxjs.umd.min.js

The global namespace for rxjs is rxjs:

const { range } = rxjs;
const { map, filter } = rxjs.operators;

range(1, 200).pipe(
  filter(x => x % 2 === 1),
  map(x => x + x)
).subscribe(x => console.log(x));

Goals

• Smaller overall bundles sizes
• Provide better performance than preceding versions of RxJS
• To model/follow the Observable Spec Proposal to the observable
• Provide more modular file structure in a variety of formats
• Provide more debuggable call stacks than preceding versions of RxJS

Building/Testing

• npm run build_all - builds everything
• npm test - runs tests
• npm run test_no_cache - run test with ts-node set to false

Performance Tests

Run npm run build_perf or npm run perf to run the performance tests with protractor.

Run npm run perf_micro [operator] to run micro performance test benchmarking operator.

Adding documentation

We appreciate all contributions to the documentation of any type. All of the information needed to get the docs app up and running locally as well as how to contribute can be found in the documentation directory.

Generating PNG marble diagrams

The script npm run tests2png requires some native packages installed locally: imagemagick, graphicsmagick, and ghostscript.

For Mac OS X with Homebrew:

• brew install imagemagick
• brew install graphicsmagick
• brew install ghostscript
• You may need to install the Ghostscript fonts manually:
  • Download the tarball from the gs-fonts project
  • mkdir -p /usr/local/share/ghostscript && tar zxvf /path/to/ghostscript-fonts.tar.gz -C /usr/local/share/ghostscript

For Debian Linux:

• sudo add-apt-repository ppa:dhor/myway
• apt-get install imagemagick
• apt-get install graphicsmagick
• apt-get install ghostscript

For Windows and other Operating Systems, check the download instructions here:

• http://imagemagick.org
• http://www.graphicsmagick.org
• http://www.ghostscript.com/