SOLID son heurísticas para gestionar cambio y dependencias. En Front End se expresan con composición, contratos y límites, no copiando patrones de backend literalmente.
10–15 min
🟢 Base🟡 Entrevista🔴 Senior
Qué debes entender
SOLID son heurísticas para gestionar cambio y dependencias. En Front End se expresan con composición, contratos y límites, no copiando patrones de backend literalmente.
Cómo funciona
Dependency inversion significa que la lógica de alto nivel depende de abstracciones: por ejemplo, inyectar un cliente en vez de importar fetch directamente.
Ejemplo
createCheckout({ paymentGateway })
ResultadoDependencia sustituible
Qué está pasando
La lógica puede usar un fake en pruebas y cambiar proveedor sin reescribir el caso de uso.
Pregunta típica
¿Cómo aplicas Open/Closed en React?
Respuesta Senior
Prefiero composición y slots: extender comportamiento mediante props/componentes en vez de editar un componente con múltiples condicionales por cada caso.
Microfrontends dividen ownership y despliegue por dominio. Module Federation puede cargar módulos remotos en runtime, pero añade coordinación de versiones y operación.
10–15 min
🟢 Base🟡 Entrevista🔴 Senior
Qué debes entender
Microfrontends dividen ownership y despliegue por dominio. Module Federation puede cargar módulos remotos en runtime, pero añade coordinación de versiones y operación.
Cómo funciona
El costo incluye UX consistente, dependencias compartidas, observabilidad, routing y fallos parciales. No es una solución a componentes grandes.
Ejemplo
shell → remote checkout → remote account
ResultadoEquipos despliegan por dominio
Qué está pasando
El shell integra contratos y cada remote mantiene autonomía dentro de límites acordados.
Pregunta típica
¿Cuándo NO usarías microfrontends?
Respuesta Senior
Con un equipo pequeño, una sola cadencia y bajo conflicto organizacional. Un monolito modular suele ser más simple y rápido.