AI FrontEnd Engineer

Diseñar, desarrollar y evolucionar las experiencias digitales de Casiopea mediante tecnologías React, garantizando usabilidad, rendimiento, accesibilidad y mantenibilidad, incorporando capacidades avanzadas de Inteligencia Artificial, asistentes inteligentes y experiencias conversacionales orientadas a profesionales sanitarios, administrativos y pacientes.

Requisitos mínimos – Senior React (TypeScript + Vite + MFE)

1. Experiencia

• +5 años en frontend
• +3 años con React en producción
• Experiencia en:
  • Aplicaciones grandes (enterprise / SaaS)
  • Equipos multidisciplinares

• Participación activa en:
  • Arquitectura frontend
  • Decisiones técnicas clave
  • Mentoría a otros desarrolladores

2. React avanzado

• Dominio completo de:
  • Hooks (core + custom)
  • Lifecycle moderno

• Patrones avanzados:
  • Compound components
  • Hooks pattern
  • Headless components

• Estado:
  • Redux Toolkit / Zustand
  • Control de side effects

• Optimización:
  • Memoization inteligente
  • Code splitting (React.lazy, Suspense)
  • Render performance

3. TypeScript sólido

• Tipado avanzado:
  • Generics complejos
  • Tipado de hooks y HOCs

• Modelado de dominio:
  • Interfaces robustas para API's

• Buen uso de:
  • Union types
  • Narrowing
  • Inferencia

4. Vite (nivel producción)

• Uso en proyectos reales
• Configuración:
  • Plugins personalizados
  • Alias y resolución de módulos

• Conocimiento de:
  • Diferencias con Webpack
  • Optimización de bundles
  • Performance en dev/build

5. Microfrontends (MFE) – requisito clave

Experiencia mínima esperada

• Haber trabajado con arquitecturas MFE reales en producción

Conocimientos técnicos:

• Estrategias de implementación:
  • Module Federation (Webpack / Vite Federation)
  • Single-SPA
  • Microfrontends vía Web Components

• Comunicación entre MFEs:
  • Event bus
  • Props / shared state
  • Custom events

• Gestión de:
  • Dependencias compartidas (shared libs)
  • Versionado
  • Aislamiento vs reutilización

Arquitectura:

• Diseño de:
  • Shell / container app
  • Integración de múltiples MFEs

• Despliegue:
  • Independiente por microfrontend

• CI/CD desacoplado

Problemas conocidos (y cómo afrontarlos):

• Deadlocks de dependencias
• Duplicación de React
• Problemas de rendimiento en runtime
• Coordinación entre equipos

6. Gestión de datos

• APIs:
  • REST y/o GraphQL

• Estrategias:
  • Cacheado
  • Revalidación
  • Sincronización de datos entre MFEs

7. UI y estilos

• Conocimientos de CSS para aplicarlos a partir de los diseños del equipo de UI

8. Testing

• Unit + integration:
  • Jest / Vitest
  • React Testing Library

• Testing en MFE:
  • Aislamiento de pruebas
  • Mock de MFEs externos

9. Arquitectura y buenas prácticas

• Diseño de:
  • Frontend escalable y modular

• Clean code:
  • Separación de responsabilidades

• Manejo de:
  • Error boundaries
  • Logging distribuido (especialmente en MFE)

10. Ecosistema

• Git avanzado
• CI/CD por microfrontend
• Monorepos (Nx, Turborepo)
• Herramientas:
  • ESLint

11. Seguridad

• Manejo seguro en entornos distribuidos:
  • Tokens compartidos entre MFEs
  • Protección frente a XSS

• Estrategias de autenticación:
  • SSO en arquitectura MFE

12. Extras muy valorables

• Next.js (SSR con MFEs)
• Edge rendering
• Observabilidad:
  • Logs centralizados
  • Monitorización (Datadog, Sentry)

• Feature flags
• Experiencia en migraciones monolito → MFE

13. IA

• Prompt Engineering
• RAG
• MCP
• LLMs
• Function Calling
• AI Agents
• Vector Search
• Semantic Search
• Responsible AI

Soft skills (en MFE aún más críticas)

• Comunicación entre equipos (clave en MFE)
• Capacidad de definir contratos entre aplicaciones
• Visión de arquitectura global
• Ownership de dominios funcionales