Mentorización de Junior Mobile Devs

Hitos de la Semana 1:
  Día 1  Metro verde + expo-doctor (iPhone 16 + Pixel 8 emu)
  Día 2  Pequeño UI PR fusionado (subtítulo, test, capturas de pantalla)
  Día 3  Rastrea una característica: app/ ruta → features/ pantalla → hook
  Día 4  Arregla un comentario de revisión de lint/a11y con verificación de TalkBack
  Día 5  Instala preview EAS build en dispositivo personal
 
Tipos de PR inicial seguro:
  ✅ Copia, espaciado, RNTL test, accessibilityLabel
  ✅ Nueva pantalla detrás de patrón de pestaña existente (el compañero revisa la ruta)
  ⚠️  Nuevas dependencias npm (revisión de compañero + líder)
  🚫 Solo app.config.ts / eas.json / config plugin / módulo nativo

# El mentor ejecuta esto con el aprendiz el día 1
npx expo-doctor
npx expo start
# Presiona i → iOS   Presiona a → Android
# Shift+I / Shift+A → elige dispositivos estándar del equipo

# Nombres de dispositivos estándar del equipo (documenta en CONTRIBUTING.md)
xcrun simctl list devices available | grep "iPhone 16"
# Android: Pixel 8 API 35 en AVD Manager

// features/explore/screens/ExploreScreen.tsx - el aprendiz edita solo aquí
import { Text, View } from "react-native";
 
export function ExploreScreen() {
  return (
    <View style={{ flex: 1, padding: 16 }}>
      <Text accessibilityRole="header">Explorar</Text>
      <Text>Descubre consejos seleccionados para ti.</Text>
    </View>
  );
}

// __tests__/ExploreScreen.test.tsx
import { render, screen } from "@testing-library/react-native";
import { ExploreScreen } from "@/features/explore/screens/ExploreScreen";
 
test("muestra subtítulo seleccionado", () => {
  render(<ExploreScreen />);
  expect(screen.getByText(/curated for you/i)).toBeTruthy();
});

1. Lee el redbox / LogBox - mensaje completo, archivo, línea
2. React DevTools - props/estado incorrectos vs diseño incorrecto
3. Terminal de Metro - errores de transformación / resolución
4. npx expo-doctor - sesgo de versión
5. eas build preview - reproduce fallas exclusivas de nativo
6. Registros de Xcode / Android Studio - último recurso; solo emparejar

// Error común de junior - demo de arreglo del mentor
// ❌ renderItem inline invalida el memo de lista
<FlashList renderItem={({ item }) => <Row item={item} />} ... />
 
// ✅ Nivel de módulo o useCallback
const renderItem = useCallback(({ item }: { item: Item }) => <Row item={item} />, []);

## Aprendiz: @nombre - semana 2
 
Enviado:
- PR #412 Explorar subtítulo (fusionado)
- Preview build en dispositivo Android
 
Atascado:
- useLocalSearchParams tipado - lee doc de rutas tipadas
 
Siguiente:
- Añade fila de Tips + Enlace a /tips (capstone)
 
Acción del mentor:
- Empareja 30m en Query hook jueves