RevenueCat Overview

App Store Connect          RevenueCat               Your App
─────────────────         ──────────────           ─────────
  Products &       ──▶    Syncs products    ──▶    Fetches offerings
  Subscriptions           Manages entitlements     Shows paywall
                          Validates receipts       Checks access

import { useRevenueCat } from "@/lib/payments/revenuecat";

function MyComponent() {
  const { isSubscribed, subscriptionStatus } = useRevenueCat();

  if (isSubscribed) {
    return <PremiumContent />;
  }
  return <UpgradePrompt />;
}

import { useRouter } from "expo-router";

function UpgradeButton() {
  const router = useRouter();

  return (
    <Button onPress={() => router.push("/payments/revenuecat")}>
      Upgrade to Pro
    </Button>
  );
}

apps/mobile/lib/payments/
├── config.ts              # API keys and env helpers
├── revenuecat/
│   ├── provider.tsx       # RevenueCatProvider context
│   └── index.ts           # Exports
└── types.ts               # Shared types

apps/mobile/app/payments/
└── revenuecat.tsx         # Paywall screen (uses RevenueCat UI)