DEV Community

Alexander Zmanovsky
Alexander Zmanovsky

Posted on

πŸ“’ Announcing the New Reactive State Management Libraries! πŸŽ‰

πŸ“’ 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! πŸš€

Top comments (0)