Expo Router Skill

// app.config.ts
export default {
  scheme: "myapp",
  experiments: { typedRoutes: true },
} satisfies import("expo/config").ExpoConfig;

// app/orders/[id].tsx
import { useLocalSearchParams } from "expo-router";
import { z } from "zod";
 
const paramsSchema = z.object({ id: z.string().min(1) });
 
export default function OrderDetailScreen() {
  const raw = useLocalSearchParams<{ id: string }>();
  const { id } = paramsSchema.parse(raw);
  // ...
}

// src/navigation/hrefs.ts
import type { Href } from "expo-router";
 
export const orderDetailHref = (id: string): Href => ({
  pathname: "/orders/[id]",
  params: { id },
});

// Uso
import { Link, router } from "expo-router";
import { orderDetailHref } from "@/navigation/hrefs";
 
<Link href={orderDetailHref("42")}>Order 42</Link>
router.push(orderDetailHref("42"));

npx expo start    # regen .expo/types/router.d.ts
npx tsc --noEmit  # catch invalid href at compile time

app/
├── _layout.tsx           # root Stack o Slot
├── (tabs)/
│   ├── _layout.tsx
│   ├── index.tsx
│   └── orders/
│       ├── index.tsx
│       └── [id].tsx
└── (auth)/
    ├── _layout.tsx
    └── login.tsx

// app/_layout.tsx
import { Stack, useRouter, useSegments } from "expo-router";
import { useEffect } from "react";
import { useSession } from "@/features/auth/session";
 
export default function RootLayout() {
  const { session, isLoading } = useSession();
  const segments = useSegments();
  const router = useRouter();
 
  useEffect(() => {
    if (isLoading) return;
    const inAuth = segments[0] === "(auth)";
    if (!session && !inAuth) router.replace("/(auth)/login");
    if (session && inAuth) router.replace("/(tabs)");
  }, [session, isLoading, segments]);
 
  return <Stack screenOptions={{ headerShown: false }} />;
}

// app.config.ts
export default {
  scheme: "myapp",
  ios: { bundleIdentifier: "com.example.myapp" },
  android: { package: "com.example.myapp" },
  // Optional universal links:
  // ios: { associatedDomains: ["applinks:myapp.com"] },
} satisfies import("expo/config").ExpoConfig;

npx expo start
npx tsc --noEmit
 
# iOS simulator deep link test
xcrun simctl openurl booted "myapp://orders/42"

Usa Expo Router skill. SDK 57, typedRoutes on.
Añade /settings/notifications y /settings/profile bajo (tabs).
Proporciona constructores href y verificación tsc. Rutas delgadas - las pantallas viven en src/features/settings/.

Usa Expo Router skill.
Deep link: myapp://orders/[id] desde payload push { orderId }.
Mapea a ruta tipada, valida id con Zod, documenta comando simctl test.

Usa Expo Router skill.
Migra llamadas router.push("/order/" + id) a módulo Href centralizado.
Lista cada archivo a tocar y gate tsc.

- [ ] Árbol app/ documentado
- [ ] experiments.typedRoutes: true en app.config.ts
- [ ] Constructores href exportados de módulo único
- [ ] Zod (o equivalente) en parámetros dinámicos
- [ ] scheme / associatedDomains si deep links requeridos
- [ ] npx tsc --noEmit en sección de verificación
- [ ] Sin lógica de negocio duplicada en archivos de ruta