This page is not translated yet. You are reading the Spanish original. The mock interviews, the landing page and the guides are available in English; the question bank and the courses are being translated progressively — contributions welcome.
Entrevistas Senior — Microfrontends
This content is not available in your language yet.
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.