Entrevistas Senior — Microfrontends
Guía de preparación para entrevistas técnicas de arquitectura frontend senior, especializada en microfrontends. Cada pregunta incluye una respuesta resumen (lo que dirías en 30–60 segundos) y una respuesta detallada (código realista, trade-offs, errores comunes y qué espera oír el entrevistador).
🎓 ¿Te faltan bases para responder esto? El curso Microfrontends enseña exactamente lo necesario, con laboratorios y autoevaluación. Ver también: índice completo · plan de estudio · glosario · inicio
Archivos
Sección titulada «Archivos»| Archivo | Contenido | Preguntas |
|---|---|---|
| 01-fundamentos-y-arquitectura.md | Conceptos, patrones y decisiones de arquitectura | 18 |
| 02-casos-y-problemas.md | Casos de análisis de problemas reales [CASO] | 12 |
01 — Fundamentos y arquitectura
Sección titulada «01 — Fundamentos y arquitectura»- ¿Qué son los microfrontends y cuándo NO deberías usarlos?
- Patrones de composición: build-time, server-side, edge-side y client-side
- Module Federation en webpack 5: ¿cómo funciona y cómo se configura?
shared,singletony la negociación de versiones: ¿cómo evitas dos Reacts en la página?- Remotes dinámicos: cargar microfrontends cuya URL no se conoce en build
- Module Federation 2.0 y Rspack: ¿qué cambia respecto a MF clásico?
- single-spa: arquitectura, ciclo de vida y cuándo elegirlo sobre Module Federation
- Import maps nativos y web components como base de microfrontends sin lock-in de bundler
- iframes para microfrontends: ¿cuándo son la respuesta correcta?
- Routing en una arquitectura shell/container: ¿quién es dueño de la URL?
- Comunicación entre microfrontends: custom events, pub/sub y por qué minimizarla
- Diseño de contratos entre equipos: ¿qué es exactamente “el contrato” de un MFE?
- Design system compartido: versionado de la librería UI entre equipos autónomos
- Autenticación y sesión compartida entre microfrontends
- Aislamiento de CSS entre microfrontends: shadow DOM, CSS modules, prefijos
- Deployment independiente: versionado de remotes, manifests y estrategias de release
- Estrategias de testing en microfrontends: E2E cross-MFE y contract testing
- Performance en microfrontends: duplicación, waterfall de carga y prefetch
02 — Casos y problemas [CASO]
Sección titulada «02 — Casos y problemas [CASO]»- Dos MFEs cargan versiones incompatibles de React y la app crashea
- Un deploy de un remote rompió producción para todos los equipos
- El bundle total de la aplicación es gigante por dependencias duplicadas
- Migración incremental de un monolito Angular a microfrontends con React (strangler fig)
- Los estilos de un MFE pisan a otro en producción
- Memory leak al montar y desmontar MFEs repetidamente
- Estado de autenticación desincronizado entre MFEs
- Latencia de carga inicial alta por waterfall de remotes
- Un equipo necesita releases independientes pero el design system introduce breaking changes
- SSR con microfrontends: Next.js multi-zone y sus límites
- ¿Monorepo con módulos o microfrontends reales? Análisis organizacional y ley de Conway
- Observabilidad y error tracking por equipo: ¿de quién es este error en producción?
Cómo usar esta guía
Sección titulada «Cómo usar esta guía»- Repaso rápido (1–2 días antes): lee solo las respuestas resumen de ambos archivos.
- Preparación profunda: por cada pregunta, intenta responder en voz alta antes de leer; contrasta con la respuesta detallada y anota los huecos.
- Simulacro de casos: los [CASO] están escritos como los plantea un entrevistador; practica estructurando en voz alta: diagnóstico → hipótesis → contención → solución estructural → prevención.