Mentoria para Desenvolvedores Mobile Juniores

Marcos da Semana 1:
  Dia 1  Metro verde + expo-doctor (iPhone 16 + emu Pixel 8)
  Dia 2  Pequena PR de UI mesclada (subtítulo, teste, capturas de tela)
  Dia 3  Rastreie um recurso: app/ rota → features/ tela → hook
  Dia 4  Corrija um comentário de revisão de lint/a11y com verificação TalkBack
  Dia 5  Instale o build EAS de pré-visualização no dispositivo pessoal
 
Tipos de primeiras PRs seguras:
  ✅ Cópia, espaçamento, teste RNTL, accessibilityLabel
  ✅ Nova tela atrás do padrão de aba existente (colega revisa a rota)
  ⚠️  Nova dependência npm (revisão do colega + líder)
  🚫 app.config.ts / eas.json / plugin de configuração / módulo nativo solo

# Mentor executa isso com o mentorado no dia 1
npx expo-doctor
npx expo start
# Pressione i → iOS   Pressione a → Android
# Shift+I / Shift+A → escolha dispositivos de equipe padrão

# Nomes de dispositivos de equipe padrão (documentar em CONTRIBUTING.md)
xcrun simctl list devices available | grep "iPhone 16"
# Android: Pixel 8 API 35 no AVD Manager

// features/explore/screens/ExploreScreen.tsx - o mentorado edita aqui apenas
import { Text, View } from "react-native";
 
export function ExploreScreen() {
  return (
    <View style={{ flex: 1, padding: 16 }}>
      <Text accessibilityRole="header">Explore</Text>
      <Text>Descubra dicas selecionadas para você.</Text>
    </View>
  );
}

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

1. Leia o redbox / LogBox - mensagem completa, arquivo, linha
2. React DevTools - props/state errados vs layout errado
3. Terminal Metro - erros de transformação / resolução
4. npx expo-doctor - descompasso de versão
5. eas build preview - reproduz falhas nativas apenas
6. Logs Xcode / Android Studio - último recurso; fazer par apenas

// Erro comum de júnior - demonstração de correção pelo mentor
// ❌ Inline renderItem invalida o memo da lista
<FlashList renderItem={({ item }) => <Row item={item} />} ... />
 
// ✅ Módulo de nível ou useCallback
const renderItem = useCallback(({ item }: { item: Item }) => <Row item={item} />, []);

## Mentorando: @nome - semana 2
 
Entregue:
- PR #412 Subtítulo de exploração (mesclada)
- Build de pré-visualização no dispositivo Android
 
Preso:
- Tipagem de useLocalSearchParams - ler documentação de rotas tipadas
 
Próximo:
- Adicionar linha de Dicas + Link para /tips (capstone)
 
Ação do mentor:
- Fazer par por 30m em hook de Query na quinta-feira