Apollo GRAPHQL Apollo Caching

利用 Apollo Client 的缓存功能来提高性能

liaosw97 Updated

File contents

  • 利用 Apollo Client 的缓存功能
    • 优先使用 Apollo Client 的规范化缓存(Normalized Cache)来存储和管理数据,减少不必要的网络请求。
    • 理解并配置 fetchPolicy,以优化数据获取策略,例如 cache-firstnetwork-onlycache-and-network 等。
    • 针对频繁变动的数据,考虑使用 no-cachecache-and-network 策略,并结合订阅(Subscriptions)或轮询(Polling)实现实时更新。
    • 对于列表数据,合理使用 offsetLimitPaginationcursorPagination 等策略来处理分页和无限滚动,确保缓存的有效性。
    • 在进行数据修改(如 Mutations)后,通过 update 函数或 refetchQueries 来及时更新缓存,保持UI与后端数据的一致性。

liaosw97/awesome-rules-skills/tree/main/plugins/apollo-graphql/skills/apollo-graphql-apollo-caching commit b8ff232187

Frequently asked questions

npx skillmds@latest add liaosw97/apollo-graphql-apollo-caching