DEV Community

Alexander Zmanovsky
Alexander Zmanovsky

Posted on

1

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

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay