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

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