Skip to main content

RxJS

#RxJS

RxJS, or Reactive Extensions for JavaScript, is a library enabling reactive programming using observables to simplify the composition of asynchronous or event-based code.

Official website: RxJS
Resources:

Name: Reactive Extensions for JavaScript (RxJS)
Paradigm: Reactive Programming
When to use it?
When working with various frameworks, not just React, like Angular or when you need to handle or manipulate asynchronous events or data in complex ways.
Utility :

  • Manage asynchronous data flows.
  • Manage events, animations, websockets, error handling, delays, and more.

Key concepts:

  • Observable: Central object that emits a sequence of values ​​or events over time.
  • Operators: Purely functional methods used to manage the values ​​emitted by an observable.
  • Tree Shaking: Method to eliminate dead code and reduce bundle size.

Process of using RxJS​

Create an Observable: This is the value producer. Subscribe to the Observable: This allows you to listen and react to the values ​​emitted. Integrate into your application: Combine various operators and methods to achieve the desired behavior.

Lexicon​

  • Observable: It is a producer of several values, pushing data to a subscriber.
  • Subscription: It is the act of listening to the values ​​emitted by an observable. When an observable is subscribed, it starts emitting values. It is also important to unsubscribe from an observable to avoid memory leaks or unwanted behavior.

##Notes

Reactive programming is powerful, but it has a learning curve. Take the time to understand the basic concepts and play around with them. Start small, read the docs, and build a small project from there to understand.

Based on the events, asynchrome is even after several years of practice a complex subject.