Page Comparison

...

• Tanstack Query: https://tanstack.com/query/latest

• Tanstack React Query Overview: https://tanstack.com/query/v4/docs/react/overview

• TkDodo’s Blog about React Query (very insightful): https://tanstack.com/query/latest/docs/react/community/tkdodos-blog

• Installation: https://tanstack.com/query/v4/docs/react/installation

• Quick start: https://tanstack.com/query/v4/docs/react/quick-start

• Devtools: https://tanstack.com/query/v4/docs/react/devtools

• Important defaults: https://tanstack.com/query/v4/docs/react/guides/important-defaults

• Query Keys: https://tanstack.com/query/v4/docs/react/guides/query-keys

• Query Key Factory: https://tanstack.com/query/latest/docs/react/community/lukemorales-query-key-factory

• @tanstack/eslint-plugin-query: https://tanstack.com/query/latest/docs/react/eslint/eslint-plugin-query

• Does @tanstack/react-query replace Redux? https://tanstack.com/query/latest/docs/react/guides/does-this-replace-client-state

• Course: https://ui.dev/checkout/react-query?from=tanstack

Open edX-specific

• Prior art in code:

  • frontend-app-learner-portal-enterprise

    • useCheckSubsidyAccessPolicyRedeemability (source)

      • Uses useQuery.

    • useStatefulEnroll (source)

      • Uses useQuery and useMutation as dependent queries.

    • useRedemptionStatus (source)

      • Uses queryClient.invalidateQueries()