expo install @react-native-async-storage/async-storage expo-network
npm install @apollo/client graphql

// lib/apollo.ts
import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { persistCache } from 'apollo3-cache-persist';
import { useEffect, useState } from 'react';

const cache = new InMemoryCache();
const link = createHttpLink({ uri: 'https://your-graphql-api.com/graphql' });

export const useApollo = () => {
  const [client, setClient] = useState<ApolloClient<any> | null>(null);

  useEffect(() => {
    (async () => {
      await persistCache({ cache, storage: AsyncStorage });
      const apolloClient = new ApolloClient({
        link,
        cache,
        connectToDevTools: true,
      });
      setClient(apolloClient);
    })();
  }, []);

  return client;
};

// App.tsx
import { ApolloProvider } from '@apollo/client';
import { useApollo } from './lib/apollo';
import { View, Text } from 'react-native';

export default function App() {
  const client = useApollo();

  if (!client) return <Text>Loading Apollo...</Text>;

  return (
    <ApolloProvider client={client}>
      {/* Thành phần app của bạn ở đây */}
    </ApolloProvider>
  );
}

import * as Network from 'expo-network';

const isOnline = async () => {
  const status = await Network.getNetworkStateAsync();
  return status.isConnected && status.isInternetReachable;
};

const cachedData = client.readQuery({ query: GET_USER });
client.writeQuery({ query: GET_USER, data: newUserData });