📢 Announcing the New Reactive State Management Libraries! 🎉

Alexander Zmanovsky — Thu, 14 Nov 2024 14:16:55 +0000

📢 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

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.
Stream Connections

Easily connects multiple emitters, states, and observables to each other.
Readable Code Structure

Produces clear, traceable code, making connections between emitters, states, and observables easy to follow.
Automatic Subscription Management

Simplifies handling reactive streams, freeing you from managing manual subscriptions and completions.
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)

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.
Route Management

The Route Group and Route Filters Group provide reactive management of route params and filters.
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.