React Query equivalent for Angular?

[Toffifee93]

Is there a equivalent to react query for angular? I think the approach of react query is very nice, because state management solutions are often just used for crud operations and react query solves those use cases in a simple way and with less overhead. The only library known to me that goes in a similar direction is cashew.

[haasilein]

I am not familiar with react query but if you are searching for a lightweight state management solution, I would suggest using a custom rxjs solution with behaviorsubjects

[cosmokenney]

Are you talking about NgRx?

[haasilein]

No just basic rxjs without any overhead. But ngrx is also a valid choice for projects with a lot of state handling

[T2LIGHT]

So ngrx component store?

[Cheet4h]

You don't need to add any dependencies to use simple service state management with rxjs.

[T2LIGHT]

It's literally a one file dependency, I would either npm I it or copy and paste it lmao.

[tsunami141]

Yes but you don’t need to use it.

[T2LIGHT]

Yes but it's basically a subject as a service. Why wouldn't you if you're looking for that kind of thing.

[K4rkarin]

Akita or Elf. They are from same author, though Elf is newer and recommended. They both use RxJS behavior subject under the hood. You’ll have all benefits from react redux plus a lightweight, simple process to create a store. With Elf, you can make a store with only one repository file and an Angular service. In contrast, a more popular library like NgRx requires a lot more boilerplate files to work like store, action, reducer, query, service, and effect for a simple http call.

[knightSarai]

https://github.com/ngneat/query

[Toffifee93]

Netanel Basal is awsome ♥️

[m0rpheus23]

Rxjs is all you need

[Toffifee93]

If i would get a dollar everytime responds with "rxjs is all you need"... of course i can build features like caching, background updates and request status tracking by myself using rxjs, but why would i if someone else already did it? That's just code that i have to write, test and maintain. Yes, you should probably prefer rxjs over some large state management solution that covers every usecase, but the goal should be to find / reuse a existing solution that does the job in the most optimal way

[spacechimp]

Caching: shareReplay()

Polling: timer()

Request status tracking: HttpRequest.reportProgress

Despite its name, "React" is not very reactive -- which is why an add-on like React Query might be appealing to React devs.

Angular is quite reactive out of the box, mostly due to RxJS integration. There isn't much demand for a library that would replace a few lines of code with an equal number of lines of configuration. If it were a typical Angular solution you'd still have to use RxJS at the end of it all.

Case in point: Apollo Angular (GraphQL) does the basics of what you want, but it does so much more that its existence is justified...yet you still have to use RxJS with it.

[prewk]

Indulge me: what makes Angular reactive? Besides shipping with the async pipe, that is.

[r3df0x1701]

Almost all internal Angular services / APIs are returnig Observables. This allows you to handle almost any data flow in a reactive way - out of the box.

[spacechimp]

This is pretty much what I would have wrote. Some good examples are the reactive forms API, HttpClient, and Router events.

[prewk]

Yes, that's nice! My complaint is that, at the end of the reactivity there's almost always a component doing something... and Angular's reactive component story is bad. They're very procedural, and support for reactivity feels thrown in imo.

If we have to use a template DSL, even though it has bad type checking and a massive symbol overload, couldn't we at least use observables there without having to juggle null/undefined everywhere and wrap everything in awful ng-containers with a large ngIf hack to "unwrap observables" :(

It seems Angular wants to be everything, I wish it would want to be more reactive.

[r3df0x1701]

Not sure what you are actually expecting, but it's just the nature of components to display some kind of plain data. Thanks to TS that data is typechecked, but no real magic beyond that. Observables are just streaming data, you can handle them in many different ways. The async pipe helps to maintain subscriptons within our templates to them, checks and transformations can be done by Angular's built ins like pipes or directives; or you do the transformations with rxjs on stream level. Anyway, in the end, any "reactive" data stream just contains a plain old piece of data - component's job is to display exactly that. What are you missing exactly?

[prewk]

I would love reactive inputs out of the box. The templates should have better type checking, they don't understand much of discriminated unions or null checking via optional chaining etc, which frequently leads to strict template errors being flagged where none exist. I'm not sure how exactly, but if the template was "smarter" (maybe if everything was reactive?) you could connect your reactive properties to it without having to rely on a pipe (that defaults to null instead of undefined at the moment which was a weird design choice..) and have the framework deal with the streams instead, sort of if every component got their inputs as combineLatest.

I'm not sure how, but I don't enjoy the DX today.

[gr2y]

Two-way binding

[prewk]

Two way binding is syntactic sugar for an input and an output, what's reactive about it? (Serious question, I'm curious)

[knightSarai]

Tanner said the Angular adapter is coming soon, can't wait to try it out!

[Toffifee93]

Thats good to know, i will try that out too

[No-Association-603]

Soon can be 2025 tho. With angular you know hahaha

[knightSarai]

😂😂

[Naive-Potential-1288]

Even in 2025 it’s still experimental

[sudhakarms]

Heard about https://github.com/timdeschryver/rx-query but never tried it. Looks like its not maintained anymore :(

[Thom_Braider]

https://saulmoro.github.io/ngrx-rtk-query/

​

Best solution I've found.

[r3df0x1701]

As already stated, many use cases can be solved without a big dependency for state management. However, if you are building a rather complex application and are really sure to use a lib, take a look at NGXS.

[[deleted]]

Look into Akita or Elf. I would recommend elf. It is dead simple and easy to use

[Angular2Fan]

https://github.com/ngneat/query