data-fetching

Fetch and mutate data in Expo apps using React Query with Supabase.

Updated Apr 21, 2026
One-click install
npx skills add https://github.com/anicca-labs/claude --skill data-fetching-anicca-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-fetching
Source: https://github.com/anicca-labs/claude/tree/main/plugins/expo-rn-plugin/skills/data-fetching
Command: npx skills add https://github.com/anicca-labs/claude --skill data-fetching-anicca-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tanstack/react-query, supabase-js, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of fetching data in Expo projects, addressing the complexities of Supabase integration with React Query.

Core Features & Use Cases

  • Data Fetching: Utilizes React Query for state management, caching, and mutations.
  • Supabase Integration: Combines Supabase for data storage and retrieval via HTTP API.
  • Mutation Strategies: Covers both creation and update/delete mutations with optimal strategies.
  • Optimistic Updates: Provides solutions for handling optimistic updates safely.
  • Error Handling: Includes techniques for managing network issues and ensuring data consistency.
  • Use Case: Perfect for implementing efficient data handling in applications requiring real-time updates, such as e-commerce platforms or dashboards.

Quick Start

Integrate the data-fetching skill into your Expo project to enhance data retrieval and mutation processes with React Query and Supabase.

Frequently Asked Questions about data-fetching

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I handle optimistic updates with React Query and Supabase in Expo?

Optimistic updates in Expo with React Query and Supabase involve applying mutation changes to the UI immediately before the server confirms them. This Skill provides strategies to safely implement these updates and roll back if network errors occur.

What is the best way to manage race conditions during data fetching in Expo?

Managing race conditions during data fetching in Expo requires proper state management to prevent outdated requests from overwriting current data. This Skill uses React Query to handle these race conditions and ensure data consistency during dynamic content updates.

Can I use React Query with Supabase for state management in an Expo project?

Yes, you can use React Query with Supabase in an Expo project. This Skill combines React Query for state management and caching with Supabase for backend data storage and retrieval via HTTP API to simplify data handling.

How do I handle creation and update mutations with Supabase in React Native?

Handling creation and update mutations with Supabase in React Native involves defining specific mutation strategies for each operation. This Skill covers both creation and update/delete mutations to ensure optimal data handling and network error management.

Why does my React Query data become inconsistent during network issues in Supabase?

React Query data becomes inconsistent during network issues when error handling techniques are insufficient to manage failed requests. This Skill includes techniques for managing network issues to ensure data consistency between your Expo application and Supabase backend.