DEV Community

A Deep Dive into Angular and Ngneat Query with Our Demo Store

Connie Leung on January 11, 2024

Introduction In this blog post, I would like to deep dive into Angular and Ngneat query by calling a Store API to build a store demo. Ng...
Collapse
 
hakimio profile image
Tomas Rimkus

It would be interesting to see some examples of how to handle paging, sorting, filtering and selecting properties/columns with @ngneat/query with client side caching of data pages.
Or even better: how to create service for pivot data grid with server side data aggregation.

Collapse
 
railsstudent profile image
Connie Leung

Excellent ideas. the full capability of the library has not maximized yet.

Collapse
 
ducin profile image
Tomasz Ducin

Hi @railsstudent! I'm afraid you confused Tanstack Angular Query with ngneat Query. Although these are similar, they are separate libraries - the title suggest X but it's about Y 😛

Collapse
 
railsstudent profile image
Connie Leung • Edited

When I visited the github page of ngneat query, the description is "The TanStack Query (also known as react-query) adapter for Angular applications". There are 2 implementations, who can tell me their names to differentiate them?

Collapse
 
ducin profile image
Tomasz Ducin

Ngneat query, as it's outside and not an official port - and (tanstack) angular query - as it's within the stack AND is the official one.

Thread Thread
 
ducin profile image
Tomasz Ducin

Ngneat is not even mentioned in tanstack query v5 docs.

Thread Thread
 
railsstudent profile image
Connie Leung

It was mentioned in v4 docs. Then, I found out Angular v5 was written by a different developer. It is so confusing for me.

Collapse
 
timsar2 profile image
timsar2 • Edited

Excellent, What is the benefit of using @ngneat/query adapter over ThanStack query and why not just using @tanstack/angular-query-experimental?

Collapse
 
railsstudent profile image
Connie Leung

ngeat/query is stable whereas TanStack for Angular is still experimental. If you want to use tan query in a production application, ngeat/query should be used instead. ngneat/query supports both Observable and Signal whereas TanStack query supports Signal, it is matter of taste of the engineers.

Collapse
 
timsar2 profile image
timsar2 • Edited

I'm going to use ngbeat/query in production now,
already sent an issue on repo😄

Collapse
 
jangelodev profile image
João Angelo

Excellent article!
Thanks for sharing, Connie Leung !

Collapse
 
railsstudent profile image
Connie Leung

You are welcome.