📢 Hi everyone! I’m excited to introduce two powerful new libraries that simplify state management and asynchronous workflows in JavaScript and Angular applications. Check them out below! 👇

@bitfiber/rx

Built on RxJS, @bitfiber/rx offers a structured approach to managing reactive state and async workflows. With powerful features like emitters, states, groups, and stores, it organizes complex data flows, making them easier to manage. Written in pure TypeScript, this library fits seamlessly into any JavaScript project, with or without a framework!

Key Features

1. Integration with RxJS
   
   Since @bitfiber/rx is built on top of RxJS, it integrates smoothly with the RxJS ecosystem. Emitters and states can easily interact with observables and subjects, and can also create effects using RxJS operators.

2. Stream Connections
   
   Easily connects multiple emitters, states, and observables to each other.

3. Readable Code Structure
   
   Produces clear, traceable code, making connections between emitters, states, and observables easy to follow.

4. Automatic Subscription Management
   
   Simplifies handling reactive streams, freeing you from managing manual subscriptions and completions.

5. Synchronization with Data Sources
   
   States can synchronize with data sources like local storage, cookies, and other external data sources.

@bitfiber/ng/rx

An Angular-specific extension that brings the full power of @bitfiber/rx into Angular’s reactive model. Built for seamless integration with Angular signals, it simplifies managing state and async actions in Angular applications.

Key Features (in addition to @bitfiber/rx features)

1. Signal Integration
   
   Specifically designed for Angular, @bitfiber/ng/rx integrates with Angular’s signals. Signal states can be used within Angular’s reactive constructs like effect, computed, and other areas where signals are commonly used, ensuring seamless reactivity with the UI.

2. Route Management
   
   The Route Group and Route Filters Group provide reactive management of route params and filters.

3. Form Synchronization
   
   The Form Source feature synchronizes Angular forms with state, ensuring that form controls remain in sync with application state.

In addition

Check out my Store Comparison where I compare three different reactive store implementations for Angular:
Bitfiber Reactive Store Demo,
RxJS Subjects Store Demo,
NgRx Signal Store Demo.

Explore how these libraries can boost your projects! 🚀