π’ 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 likeeffect
,computed
, and other areas where signals are commonly used, ensuring seamless reactivity with the UI.Route Management
TheRoute Group
andRoute Filters Group
provide reactive management of route params and filters.Form Synchronization
TheForm 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)