Leveling de Junior - Mid en RN

Una matriz de habilidades para competencias específicas de dispositivos móviles en equipos de Expo SDK 57 - define cómo se ve junior, qué posee mid, y cómo cerrar brechas con evidencia.

Receta

Tarjeta de leveling de referencia rápida - copia en escalera de ingeniería o rúbrica de desempeño.

Junior RN (L3) - "entrega con soporte"
  ✓ Pantallas de Expo Router + navegación Link
  ✓ Tests RNTL para happy path
  ✓ Checks PR en verde; corrige sus propios fallos de lint/tsc
  ✓ Ejecuta app en simulador + un dispositivo físico
  ✓ Pide revisión antes de tocar configuración nativa
 
Mid RN (L4) - "posee slices verticales"
  ✓ Carpeta de features de extremo a extremo: ruta - API - test - preview build
  ✓ Patrones de TanStack Query; sin duplicación de fetch en store global
  ✓ Depura Metro, redboxes de Hermes, y CI flaky
  ✓ Dispara preview EAS build; lee perfiles de eas.json
  ✓ Escribe 1-3 pasos de smoke Maestro o E2E equivalente
  ✓ Participa en rotación on-call / release con checklist

Cuándo usar esto:

• Calibrando discusiones de promoción más allá del vago "ingeniero fuerte".
• Construyendo planes de crecimiento para transferencias de web a móvil.
• Asignando tickets - juniors en UI acotada; mids en features cross-layer.

Ejemplo de trabajo

Matriz de competencias

Califica A (autónomo), G (guiado), N (no aún) por trimestre. Barra mid = A en todas las filas mid, G+ en la mayoría de filas junior.

| Competencia | Junior (L3) | Mid (L4) | Evidencia | | --- | --- | --- | | Expo Router | G - añade pantallas en grupos existentes | A - route groups, modals, parámetros tipados | PRs fusionados tocando app/ | | React / RN UI | G - listas, formularios, loading states | A - listas conscientes del rendimiento, keyboard, roles a11y | Notas del reviewer; queries RNTL por role | | TypeScript | G - tipos de props, corrige errores de tsc | A - narrowing de uniones en límites de rutas | Cero supresiones de tsc en archivos propios | | Testing | G - un test de componente por PR | A - tests de hooks + integración MSW | Cobertura de CI en carpeta de features propias | | Networking | G - llama hooks API existentes | A - diseña keys de Query, UX de error, política de reintentos | Patrones de TanStack Query on Mobile | | Navigation edge cases | N - sorpresas de back stack | G - deep links, redirecciones auth | Matriz de test manual documentada en PR | | Native / EAS | N - usa dev client proporcionado | G - dispara preview build, lee logs | Screenshot de dashboard EAS en PR | | Permissions | N - copia patrón existente | G - flujos de camera/location con denial path | Screenshots de diálogos del SO en notas de QA | | Offline / NetInfo | N - consciente | G - empty/offline UI states | Test unitario con NetInfo mockeado | | Performance | N - evita obvious rerenders | G - FlashList, memo boundaries | Profiler before/after en lista caliente | | CI/CD literacy | G - corrige fallos de PR check | A - conoce preview vs release lanes | Pase de quiz Mobile CI/CD Basics | | Release hygiene | N | G - conocimiento de runtimeVersion, sin secretos en bundle | Firma de checklist en RC | | Debugging | G - cache de Metro, redbox básico | A - trazas simbolizadas, device logs | Participación en postmortem | | Communication | G - standup diario, pide pronto | A - estima slices, señala riesgos nativos en planning | Calidad de desglose de ticket |

Plan de brecha Junior - mid (12 semanas)

Una competencia de enfoque por sprint - no "aprenderlo todo".

## <Engineer> - Q3 leveling plan
 
| Sprint | Focus | Success signal |
| --- | --- | --- |
| 1 | Router + thin routes | 2 screens via feature re-export |
| 2 | RNTL by role/label | 80% new UI has test |
| 3 | TanStack Query reads | Remove one Zustand fetch duplication |
| 4 | Error + loading UX | Standard ErrorView on owned feature |
| 5 | Preview EAS build | Solo `eas build --profile preview` |
| 6 | Physical device QA | Device matrix row in PR template |
| 7 | Deep link or auth redirect | One `Redirect` / guard flow owned |
| 8 | Maestro smoke slice | 3-step YAML flow in CI optional job |
| 9 | List performance | Migrate one ScrollView - FlashList |
| 10 | Offline empty state | NetInfo mock test + UI |
| 11 | Release shadow | Buddy on RC checklist |
| 12 | Mid packet review | Matrix all A/G on mid rows |

Guía de dimensionamiento de ticket

Ejemplo de ticket Junior:
  "Add order status badge to OrderRow - uses existing useOrder hook"
 
Ejemplo de ticket Mid:
  "Add order cancellation flow - new route, mutation, error states, preview build"

Mapa de aceleración de transferencia web

Promotion packet (lista de evidencias)

La promoción a mid debe citar artifacts, no adjetivos:

## Evidence de promoción mid - <name>
 
### Delivery
- 3 feature slices owned E2E (link PRs)
- 1 preview-build-driven QA cycle led
 
### Quality
- RNTL tests on owned features - <count> tests added
- Zero P1 bugs traced to missing loading/error state in owned code
 
### Mobile craft
- Maestro smoke: <link or flow file>
- Device matrix completed on RC <version>
 
### Collaboration
- Onboarded 1 hire on codebase tour
- Release checklist buddy on <date>
 
### Growth edges (honest)
- Still G on: push notification cold start
- Plan: pair with <senior> in Q4

Profundización

Señales que no son leveling

Señales que son leveling

• Preview build autónomo cuando cambios de UI nativos-adyacentes
• Cache de Query diseñado para que pantallas hermanas no hagan double-fetch
• Confianza de reviewer en carpeta de features propia - menos comentarios nit con el tiempo
• Participación en incidentes con notas accionables ("falta offline gate")

Preguntas de calibración de staff

Usa en reuniones de leveling:

1. ¿Pueden entregar una feature sin ayuda diaria de routing?
2. ¿Sus PRs incluyen evidencia de dispositivo cuando cambian gestos o safe areas?
3. ¿Pueden explicar por qué OTA no puede arreglar su último cambio?
4. ¿Atraparon un riesgo nativo en planning antes de commit de sprint?

Aprendizaje recomendado por brecha

FAQs

Relacionado

• Onboarding Basics - setup del primer día
• First-Week Learning Path - capstone de primera semana
• Codebase Tour Checklist - orientación de repo
• Project Setup Basics - convenciones SDK 57
• Expo Router Basics - competencia de navegación
• EAS Build Basics - alfabetización de build
• Team & Onboarding Best Practices - 25 prácticas de resumen

Versiones de Stack: Esta página fue escrita para React 19.2.3, React Native 0.86.0, y Expo SDK 57 (expo ~57.0.4).