rxjs is a powerful library for reactive programming using Observables. It provides a way to work with asynchronous data streams and handle events in a functional and composable manner. RxJS is widely used in modern web development for handling complex asynchronous operations and managing state in reactive applications. While RxJS is a popular choice for reactive programming, there are other libraries in the JavaScript ecosystem that offer similar functionality. Here are a few alternatives:
- lodash is a utility library that provides a wide range of functions for manipulating arrays, objects, and other data structures in JavaScript. While it serves a different purpose than RxJS, lodash is commonly used for data manipulation and functional programming tasks.
- rxjs-compat is a compatibility layer that allows developers to use RxJS version 5 code with RxJS version 6. It helps migrate existing codebases to the latest version of RxJS while maintaining backward compatibility.
Check out this comparison: Comparing lodash vs rxjs vs rxjs-compat.
RxJS: Reactive Extensions For JavaScript
The Roadmap from RxJS 7 to 8
Curious what's next for RxJS? Follow along with Issue 6367.
RxJS 7
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
Versions In This Repository
- master - This is all of the current work, which is against v7 of RxJS right now
- 6.x - This is the branch for version 6.X
Most PRs should be made to master.
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
.
If you're using RxJS version 7.2 or above, you can pull in any operator you need from the same spot, 'rxjs'
.
import { range, filter, map } from 'rxjs';
range(1, 200)
.pipe(
filter(x => x % 2 === 1),
map(x => x + x)
)
.subscribe(x => console.log(x));
If you're using RxJS version below 7.2, you can pull in any operator you need from one spot, under 'rxjs/operators'
.
import { range } from 'rxjs';
import { filter, map } from '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@^7/dist/bundles/rxjs.umd.min.js
The global namespace for rxjs is rxjs
:
const { range } = rxjs;
const { filter, map } = 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 compile
build everything
npm test
run tests
npm run dtslint
run dtslint tests
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.