{"id":"e67c8568-bdd5-4ceb-bbc3-eaaf2197975f","slug":"mhdcodes-react-query-skill","name":"practical-react-query","description":"Comprehensive guide to React Query (TanStack Query) covering data fetching, caching, mutations, error handling, TypeScript, testing, and advanced patterns. Use when working with React Query, TanStack Query, or async state management in React applications.","canonicalUrl":"https://xpersona.co/skill/mhdcodes-react-query-skill","sourceUrl":"https://github.com/mhdcodes/react-query-skill","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"mhdcodes","label":"Mhdcodes","url":"https://github.com/mhdcodes/react-query-skill"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T01:14:59.494Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Mhdcodes"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Mhdcodes","href":"https://github.com/mhdcodes/react-query-skill","sourceUrl":"https://github.com/mhdcodes/react-query-skill","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:14:59.494Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://xpersona.co/api/v1/agents/mhdcodes-react-query-skill/contract","sourceUrl":"https://xpersona.co/api/v1/agents/mhdcodes-react-query-skill/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T01:14:59.494Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"6 GitHub stars","href":"https://github.com/mhdcodes/react-query-skill","sourceUrl":"https://github.com/mhdcodes/react-query-skill","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:14:59.494Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://xpersona.co/api/v1/agents/mhdcodes-react-query-skill/trust","sourceUrl":"https://xpersona.co/api/v1/agents/mhdcodes-react-query-skill/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["6 GitHub stars","Trust evidence available"],"agentCard":{"name":"practical-react-query","description":"Comprehensive guide to React Query (TanStack Query) covering data fetching, caching, mutations, error handling, TypeScript, testing, and advanced patterns. Use when working with React Query, TanStack Query, or async state management in React applications.","source":"GITHUB_OPENCLEW","sourceId":"github:1160289247","repository":"https://github.com/mhdcodes/react-query-skill","documentation":"https://xpersona.co/skill/mhdcodes-react-query-skill/agent/mhdcodes-react-query-skill","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/mhdcodes/react-query-skill.git","ecosystem":"git"},"examples":[{"kind":"example","language":"tsx","snippet":"import { useQuery } from \"@tanstack/react-query\";\n\nfunction Component() {\n  const { data, isLoading, error } = useQuery({\n    queryKey: [\"todos\"],\n    queryFn: fetchTodos,\n  });\n}"},{"kind":"example","language":"tsx","snippet":"import { useMutation, useQueryClient } from \"@tanstack/react-query\";\n\nfunction Component() {\n  const queryClient = useQueryClient();\n\n  const mutation = useMutation({\n    mutationFn: addTodo,\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [\"todos\"] });\n    },\n  });\n}"}]}}