Skill UI

A comprehensive discipline for managing the write path in React or React Native applications using a query/cache layer. It codifies the full optimistic update lifecycle, ensuring that UI updates feel instantaneous, rollbacks are verbatim upon failure, and the global cache remains perfectly coherent across all components and list views. This pattern is essential for complex, highly interactive user experiences.

This guide details best practices for implementing robust, type-safe GraphQL queries and mutations. It covers using separate .gql files, running code generation tools, and implementing mandatory error handling (onError) and loading states. Use this when building complex, reliable data fetching layers with Apollo Client.