Part 6: Quick Reference Cards

# Install EAS CLI
npm install -g eas-cli

# Login
eas login

# Configure project (first time)
eas build:configure

# Development build (with dev client)
eas build --platform ios --profile development
eas build --platform android --profile development

# Preview build (for testing)
eas build --platform ios --profile preview
eas build --platform android --profile preview

# Production build
eas build --platform ios --profile production
eas build --platform android --profile production

# Build both platforms
eas build --platform all --profile production

# Check build status
eas build:list

# Submit to stores
eas submit --platform ios
eas submit --platform android

app/
├── _layout.tsx        → Root layout
├── index.tsx          → "/" (home)
├── about.tsx          → "/about"
├── [id].tsx           → "/123" (dynamic)
├── [...rest].tsx      → "/a/b/c" (catch-all)
├── (auth)/            → Group (no URL segment)
│   ├── login.tsx      → "/login"
│   └── signup.tsx     → "/signup"
└── (tabs)/            → Tab navigator
    ├── _layout.tsx    → Tab layout
    ├── index.tsx      → "/tabs"
    └── profile.tsx    → "/tabs/profile"

import { router, Link, useLocalSearchParams } from 'expo-router';

// Imperative navigation
router.push('/profile');           // Push to stack
router.replace('/home');           // Replace current
router.back();                     // Go back
router.navigate('/settings');      // Smart navigation

// With parameters
router.push({
  pathname: '/user/[id]',
  params: { id: '123' },
});

// Link component
<Link href="/about">About</Link>
<Link href={{ pathname: '/user/[id]', params: { id: '123' } }}>User</Link>

// Get parameters
const { id } = useLocalSearchParams<{ id: string }>();

import { ConvexReactClient } from 'convex/react';
import AsyncStorage from '@react-native-async-storage/async-storage';

const convex = createClient(
  process.env.CONVEX_URL!,
  process.env.CONVEX_AUTH_TOKEN!,
  {
    auth: {
      storage: AsyncStorage,
      autoRefreshToken: true,
      persistSession: true,
      detectSessionInUrl: false,
    },
  }
);

// Sign up
await convex.auth.signUp({ email, password });

// Sign in
await convex.auth.signInWithPassword({ email, password });

// Sign out
await convex.auth.signOut();

// Get current user
const { data: { user } } = await convex.auth.getUser();

// Get session
const { data: { session } } = await convex.auth.getSession();

// Listen to auth changes
convex.auth.onAuthStateChange((event, session) => {
  if (event === 'SIGNED_IN') { /* */ }
  if (event === 'SIGNED_OUT') { /* */ }
});

// Select
const { data } = await convex
  .from('posts')
  .select('*')
  .eq('user_id', userId)
  .order('created_at', { ascending: false });

// Insert
const { data } = await convex
  .from('posts')
  .insert({ title: 'Hello', user_id: userId })
  .select()
  .single();

// Update
const { data } = await convex
  .from('posts')
  .update({ title: 'Updated' })
  .eq('id', postId)
  .select()
  .single();

// Delete
await convex
  .from('posts')
  .delete()
  .eq('id', postId);

// Call edge function
const { data, error } = await convex.functions.invoke('my-function', {
  body: { key: 'value' },
});

import Purchases from 'react-native-purchases';
import { Platform } from 'react-native';

await Purchases.configure({
  apiKey: Platform.OS === 'ios'
    ? 'appl_xxxxx'
    : 'goog_xxxxx',
  appUserID: userId, // optional
});

// Get offerings
const { current } = await Purchases.getOfferings();
const packages = current?.availablePackages;

// Purchase
const { customerInfo } = await Purchases.purchasePackage(package);

// Check entitlement
const { customerInfo } = await Purchases.getCustomerInfo();
const isPro = customerInfo.entitlements.active['pro'] !== undefined;

// Restore purchases
const { customerInfo } = await Purchases.restorePurchases();

// Set user ID (after auth)
await Purchases.logIn(userId);

// Logout (reset to anonymous)
await Purchases.logOut();

import { create } from 'zustand';
import { persist, createJSONStorage } from 'zustand/middleware';
import AsyncStorage from '@react-native-async-storage/async-storage';

interface BearStore {
  bears: number;
  increase: () => void;
  reset: () => void;
}

const useBearStore = create<BearStore>()(
  persist(
    (set) => ({
      bears: 0,
      increase: () => set((state) => ({ bears: state.bears + 1 })),
      reset: () => set({ bears: 0 }),
    }),
    {
      name: 'bear-storage',
      storage: createJSONStorage(() => AsyncStorage),
    }
  )
);

// In component
const bears = useBearStore((state) => state.bears);
const increase = useBearStore((state) => state.increase);

// Or get all
const { bears, increase, reset } = useBearStore();

// Outside React
const bears = useBearStore.getState().bears;
useBearStore.setState({ bears: 10 });

# .env (never commit)
CONVEX_URL=https://xxx.convex.co
CONVEX_AUTH_TOKEN=eyJhbGc...
EXPO_PUBLIC_REVENUECAT_IOS=appl_xxx
EXPO_PUBLIC_REVENUECAT_ANDROID=goog_xxx
EXPO_PUBLIC_POSTHOG_KEY=phc_xxx

// In code
const convexUrl = process.env.CONVEX_URL!;

// Note: Only EXPO_PUBLIC_ prefixed vars are available in client

# Set for EAS builds
eas secret:create --name SENTRY_AUTH_TOKEN --value xxx

# List secrets
eas secret:list

{
  "expo": {
    "version": "1.0.0",
    "ios": {
      "buildNumber": "1"
    },
    "android": {
      "versionCode": 1
    }
  }
}

MAJOR.MINOR.PATCH
  │     │     └── Bug fixes (1.0.1)
  │     └──────── New features (1.1.0)
  └────────────── Breaking changes (2.0.0)

interface ButtonProps {
  title: string;
  onPress: () => void;
  variant?: 'primary' | 'secondary';
  disabled?: boolean;
}

function Button({ title, onPress, variant = 'primary', disabled }: ButtonProps) {
  // ...
}

interface ApiResponse<T> {
  data: T | null;
  error: string | null;
  loading: boolean;
}

// Usage
const [state, setState] = useState<ApiResponse<User>>({
  data: null,
  error: null,
  loading: true,
});

const handleSubmit = async () => {
  try {
    setLoading(true);
    const result = await api.submit(data);
    setSuccess(true);
  } catch (error) {
    setError(error instanceof Error ? error.message : 'Unknown error');
  } finally {
    setLoading(false);
  }
};