Modernizar una app Angular completa en 3 días con apoyo de IA

Problema

La aplicación Angular principal del equipo llevaba estancada en v12 — nueve versiones mayores atrás — mientras que un intento previo de modernización manual ya había consumido dos semanas y seguía incompleto. Cada salto de versión entre v12 y v22 cambia partes reales del framework: la inyección de dependencias, el compilador, los límites de los módulos y, eventualmente, el propio modelo de renderizado con Zoneless change detection. Una app migrada a medias es peor que una vieja: patrones mezclados, peso de bundle duplicado por APIs en paralelo, y un pipeline de build en el que nadie confiaba del todo.

Solución

En lugar de intentar otro big-bang manual, combiné herramientas asistidas por IA con una ruta de actualización paso a paso a través de las nueve versiones mayores, verificando el comportamiento del framework en cada parada en vez de saltar directo al destino. Los standalone components reemplazaron a los NgModules donde tenía sentido, los Signals reemplazaron los disparadores manuales de change detection, y la app pasó a Zoneless change detection una vez que el resto de la superficie estaba estable. La aceleración con IA se encargó de las partes mecánicas y repetitivas de la migración (codemods, reescritura de imports, actualización de dependencias); las decisiones de criterio — qué es seguro remover, qué todavía necesita un shim de compatibilidad, qué cambia comportamiento visible para el usuario — se mantuvieron manuales.

Impacto

• La migración completa de v12 a v22 se completó en 3 días, frente a dos semanas incompletas del intento manual anterior.
• El tamaño del bundle bajó de ~50MB a 8MB.
• El tiempo de build se redujo a 15 segundos.
• El enfoque —IA para el trabajo mecánico de migración, criterio humano para todo lo que implica riesgo real— se convirtió en el playbook estándar del equipo para actualizaciones a gran escala, reutilizado después en el proceso de mitigación de vulnerabilidades a nivel de toda la empresa.