react-query

[coryhouse]

Why you want react-query - Long list of things that are easy to screw up in useEffect

Configure error boundary at root

Colocate invalidate with query

If invalidating queries gets complex, just invalidate everything. But, can exclude infinite queries via a meta tag

Handle background query errors separately

Group reads and writes together in a custom hook

Check both isLoading and isError to narrow data. If you only check one, data may be undefined. If you're using useErrorBoundary, then you can use a pattern like this: create custom wrappers by hand.

You might not need RQ in Next if you're using RSC

Use Orval to generate react-query calls from an OpenAPI spec.

Strongly typed keys

https://www.thisdot.co/blog/common-patterns-and-nuances-using-react-query/

Use setQueryData to pre-populate the detail page cache. Now the detail page loads immediately.

[vltansky]

Consider also https://www.zodios.org/ with https://github.com/astahmer/openapi-zod-client to generate react-query calls from OpenAPI specs.

[araphiel]

If I don't need Zod, I pair react-query with https://openapi-ts.pages.dev/openapi-fetch

[vltansky]

In addition to api client zodios generates react query hooks